/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-carousel.css */
.amx-carousel {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
.amx-carousel_view,
.amx-carousel_control-area,
.amx-carouselItem {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.amx-carousel_view,
.amx-carouselItem {
  overflow: hidden;
}
.amx-carousel_view.p_AMXOneByOne {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
  border: 0 solid #CCCCCC;
}
.amx-carousel_item {
  display: none;
  background-color: white;
  color: black;
  overflow: hidden;
  position: absolute;
}
.amx-carousel_item.p_AMXCircular {
  border: 1px solid #D5DFE5;
}
.amx-carousel_item-overlay {
  -webkit-tap-highlight-color: transparent;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  display: none;
}
.amx-carousel_control-area.p_AMXSmall,
.amx-carousel_control-area.p_AMXCompact {
  top: auto;
  z-index: 2;
}
.amx-carousel_item-text {
  font-size: 17px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
}
.amx-carousel_item-text.p_AMXVertical,
.amx-carousel_control-area.p_AMXSmall.p_AMXVertical,
.amx-carousel_control-area.p_AMXCompact.p_AMXVertical {
  z-index: 301;
  padding: 2px;
  color: #333333;
  background-color: #FFFFFF;
  border-color: #0572CE;
}
.amx-carousel_item-text.p_AMXSmall,
.amx-carousel_item-text.p_AMXCompact {
  padding: 0;
}
.amx-carousel_item-text.p_AMXVertical.p_AMXSmall,
.amx-carousel_item-text.p_AMXVertical.p_AMXCompact,
.amx-carousel_item-text.p_AMXCircular.p_AMXVertical.p_AMXSmall,
.amx-carousel_item-text.p_AMXCircular.p_AMXVertical.p_AMXCompact {
  border: 0 solid transparent;
  -webkit-box-shadow: none;
}
.amx-carousel_spin-info {
  white-space: nowrap;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  text-align: center;
  font-weight: normal;
  font-size: 13px;
  color: #333333;
}
HTML[dir="ltr"] .amx-carousel_spin-info.p_AMXFull.p_AMXVertical {
  left: auto;
  top: -16px;
  text-align: left;
  white-space: normal;
}
HTML[dir="rtl"] .amx-carousel_spin-info.p_AMXFull.p_AMXVertical {
  right: auto;
  top: -16px;
  text-align: right;
  white-space: normal;
  font-size: 10px;
}
.amx-carousel_spin-info.p_AMXSmall.p_AMXVertical,
.amx-carousel_spin-info.p_AMXCompact.p_AMXVertical {
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.amx-carousel_spin-bar {
  background-color: #BDBDBD;
  position: absolute;
  padding: 0 12px 0 12px;
  -webkit-background-clip: content-box;
  left: 14%;
  right: 14%;
  height: 2px;
  top: 47%;
  z-index: 1;
}
.amx-carousel_spin-bar > .amx-extendedTarget {
  left: 5px;
  right: 5px;
  top: -21px;
  bottom: -21px;
}
.amx-carousel_spin-bar.p_AMXVertical {
  top: 10%;
  padding: 4px 0px 28px 1px;
  bottom: 10%;
  width: 2px;
  margin-left: 16px;
  left: auto;
  right: auto;
  height: auto;
}
.amx-carousel_spin-bar.p_AMXVertical > .amx-extendedTarget {
  left: -21px;
  right: -21px;
  top: 5px;
  bottom: 5px;
}
HTML[dir=ltr] .amx-carousel_spin-h-previous-icon-style.p_AMXFull,
HTML[dir=rtl] .amx-carousel_spin-h-next-icon-style.p_AMXFull {
  right: 86%;
}
HTML[dir=ltr] .amx-carousel_spin-h-next-icon-style.p_AMXFull,
HTML[dir=rtl] .amx-carousel_spin-h-previous-icon-style.p_AMXFull{
  left: 86%;
}
.amx-carousel_spin-h-previous-icon-style.p_AMXCompact,
.amx-carousel_spin-h-previous-icon-style.p_AMXSmall,
.amx-carousel_spin-v-previous-icon-style.p_AMXCompact,
.amx-carousel_spin-v-previous-icon-style.p_AMXSmall,
.amx-carousel_spin-h-next-icon-style.p_AMXCompact,
.amx-carousel_spin-h-next-icon-style.p_AMXSmall,
.amx-carousel_spin-v-next-icon-style.p_AMXCompact,
.amx-carousel_spin-v-next-icon-style.p_AMXSmall {
  z-index: 302;
}
.amx-carousel_spin-h-previous-icon-style.p_AMXCompact > .amx-extendedTarget,
.amx-carousel_spin-h-previous-icon-style.p_AMXSmall > .amx-extendedTarget,
.amx-carousel_spin-h-next-icon-style.p_AMXCompact > .amx-extendedTarget,
.amx-carousel_spin-h-next-icon-style.p_AMXSmall > .amx-extendedTarget {
  top: -14px;
  bottom: -13px;
  left: -16px;
  right: -15px;
}
.amx-carousel_spin-v-previous-icon-style.p_AMXCompact > .amx-extendedTarget,
.amx-carousel_spin-v-previous-icon-style.p_AMXSmall > .amx-extendedTarget,
.amx-carousel_spin-v-next-icon-style.p_AMXCompact > .amx-extendedTarget,
.amx-carousel_spin-v-next-icon-style.p_AMXSmall > .amx-extendedTarget {
 top: -14px;
  bottom: -13px;
  left: -13px;
  right: -13px;
}
html[dir=ltr] .amx-carousel_spin-h-previous-icon-style.p_AMXFull > .amx-extendedTarget,
html[dir=rtl] .amx-carousel_spin-h-next-icon-style.p_AMXFull > .amx-extendedTarget {
  top: -6px;
  bottom: -6px;
  left: -29px;
  right: -4px;
}
/* Horizontal Mode Next Icon */
.amx-carousel_spin-h-next-icon-style.p_AMXCompact,
.amx-carousel_spin-h-next-icon-style.p_AMXSmall {
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  width: 13px;
  height: 17px;
  background-position: -38px -92px;
  -webkit-transform: rotate(180deg);
  z-index: 2;
}
html[dir=ltr] .amx-carousel_spin-h-next-icon-style.p_AMXCompact,
html[dir=ltr] .amx-carousel_spin-h-next-icon-style.p_AMXSmall {
  background-image: url(../css/images/amx-android-ltr.png);
  right: 0;
  left: auto;
}
html[dir=rtl] .amx-carousel_spin-h-next-icon-style.p_AMXCompact,
html[dir=rtl] .amx-carousel_spin-h-next-icon-style.p_AMXSmall {
  background-image: url(../css/images/amx-android-rtl.png);
  right: auto;
  left: 0;
}
/* Horizontal Mode Previous Icon */
.amx-carousel_spin-h-previous-icon-style.p_AMXCompact,
.amx-carousel_spin-h-previous-icon-style.p_AMXSmall {
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  width: 13px;
  height: 17px;
  background-position: -38px -92px;
}
html[dir=ltr] .amx-carousel_spin-h-previous-icon-style.p_AMXCompact,
html[dir=ltr] .amx-carousel_spin-h-previous-icon-style.p_AMXSmall {
  background-image: url(../css/images/amx-android-ltr.png);
  left: 0;
  right: auto;
}
html[dir=rtl] .amx-carousel_spin-h-previous-icon-style.p_AMXCompact,
html[dir=rtl] .amx-carousel_spin-h-previous-icon-style.p_AMXSmall {
  background-image: url(../css/images/amx-android-rtl.png);
  left: auto;
  right: 0;
}
/* Horizontal Mode Selected Next Icon  */
.amx-carousel_spin-h-next-icon-style.p_AMXCompact.amx-selected,
.amx-carousel_spin-h-next-icon-style.p_AMXSmall.amx-selected {
  background-position: -51px -92px;
}
/* Horizontal Mode Selected Previous Icon  */
.amx-carousel_spin-h-previous-icon-style.p_AMXCompact.amx-selected,
.amx-carousel_spin-h-previous-icon-style.p_AMXSmall.amx-selected {
  background-position: -51px -92px;
}

/* Vertical Mode Previous Icon */
.amx-carousel_spin-v-previous-icon-style.p_AMXCompact,
.amx-carousel_spin-v-previous-icon-style.p_AMXSmall {
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-image: url(../css/images/amx-android-ltr.png);
  width: 18px;
  height: 17px;
  background-position: -149px -59px;
  -webkit-background-size: 299px 180px;
}
/* Vertical Mode Next Icon */
.amx-carousel_spin-v-next-icon-style.p_AMXCompact,
.amx-carousel_spin-v-next-icon-style.p_AMXSmall {
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-image: url(../css/images/amx-android-ltr.png);
  width: 18px;
  height: 17px;
  background-position: -188px -59px;
  -webkit-background-size: 299px 180px;
}
/* Vertical Selected Mode Previous Icon */
.amx-carousel_spin-v-previous-icon-style.p_AMXCompact.amx-selected,
.amx-carousel_spin-v-previous-icon-style.p_AMXSmall.amx-selected {
  background-position: -263px -59px;
}
/* Vertical Selected Mode Next Icon */
.amx-carousel_spin-v-next-icon-style.p_AMXCompact.amx-selected,
.amx-carousel_spin-v-next-icon-style.p_AMXSmall.amx-selected {
  background-position: -259px -86px;
}
.amx-carousel_spin-h-thumb-container,
.amx-carousel_spin-v-thumb-container {
  position: absolute;
  height: 32px;
  width: 30px;
  z-index: 2;
}
.amx-carousel_spin-v-thumb-container {
  left: -13px;
}
.amx-carousel_spin-h-thumb-icon-style,
.amx-carousel_spin-v-thumb-icon-style {
  position: absolute;
  width: 32px;
  height: 31px;
  bottom: 18px;
  z-index: 3;
  background-image: url(../css/images/amx-android-ltr.png);
  background-position: -58px -110px;
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  top: -14px;
}
.amx-carousel_spin-h-thumb-icon-style > .amx-extendedTarget,
.amx-carousel_spin-v-thumb-icon-style > .amx-extendedTarget {
  top: -6px;
  bottom: -7px;
  left: -6px;
  right: -6px;
}
.amx-carousel_spin-h-thumb-icon-style:active {
  background-position: -90px -114px;
}
.amx-carousel_spin-h-thumb--icon-style:active {
  background-position: -89px -114px;
}
.amx-carousel_spin-h-next-icon-style {
  background-repeat: no-repeat;
  position: absolute;
  height: 32px;
  width: 11px;
}
.amx-carousel_spin-h-next-icon-style.p_AMXFull {
  background-position: 0 12px;
  -webkit-background-size: 11px 9px; /* Note: the actual image is 2x; 22x18 */
  z-index: 0;
}
.amx-carousel_spin-h-previous-icon-style {
  background-repeat: no-repeat;
  position: absolute;
  height: 32px;
  width: 11px;
}
html[dir=ltr] .amx-carousel_spin-h-next-icon-style.p_AMXFull > .amx-extendedTarget,
html[dir=rtl] .amx-carousel_spin-h-previous-icon-style.p_AMXFull > .amx-extendedTarget {
  top: -6px;
  bottom: -6px;
  left: -4px;
  right: -29px;
}
.amx-carousel_spin-v-previous-icon-style {
  background-repeat: no-repeat;
  position: absolute;
  height: 11px;
  width: 32px;
  bottom: 90%;
}
.amx-carousel_spin-v-previous-icon-style.p_AMXFull {
  background-position: 12px 0;
  -webkit-background-size: 9px 11px; /* Note: the actual image is 2x; 18x22 */
  background-image: none; /* Alta Mobile 1.0 Theme: Android UI does not have prev/next icons for the carousel slider */
}
.amx-carousel_spin-v-previous-icon-style.p_AMXFull > .amx-extendedTarget {
  top: -29px;
  bottom: -4px;
  left: -6px;
  right: -6px;
}
.amx-carousel_spin-v-next-icon-style {
  background-repeat: no-repeat;
  position: absolute;
  height: 11px;
  width: 32px;
  top: 90%;
}
.amx-carousel_spin-v-next-icon-style.p_AMXFull {
  background-position: 12px 0;
  -webkit-background-size: 9px 11px; /* Note: the actual image is 2x; 18x22 */
  background-image: none; /* Alta Mobile 1.0 Theme: Android UI does not have prev/next icons for the carousel slider */
  z-index: 0;
}
.amx-carousel_spin-v-next-icon-style.p_AMXFull > .amx-extendedTarget {
  top: -4px;
  bottom: -29px;
  left: -6px;
  right: -6px;
}
HTML[dir="ltr"] .amx-carousel_spin-h-previous-icon-style.p_AMXCompact.p_AMXDisabled,
HTML[dir="ltr"] .amx-carousel_spin-h-previous-icon-style.p_AMXSmall.p_AMXDisabled,
HTML[dir="rtl"] .amx-carousel_spin-h-next-icon-style.p_AMXCompact.p_AMXDisabled,
HTML[dir="rtl"] .amx-carousel_spin-h-next-icon-style.p_AMXSmall.p_AMXDisabled {
  opacity: 0.50;
  pointer-events: none;
}
HTML[dir="ltr"] .amx-carousel_spin-h-next-icon-style.p_AMXCompact.p_AMXDisabled,
HTML[dir="ltr"] .amx-carousel_spin-h-next-icon-style.p_AMXSmall.p_AMXDisabled,
HTML[dir="rtl"] .amx-carousel_spin-h-previous-icon-style.p_AMXCompact.p_AMXDisabled,
HTML[dir="rtl"] .amx-carousel_spin-h-previous-icon-style.p_AMXSmall.p_AMXDisabled {
  opacity: 0.50;
  pointer-events: none;
}
.amx-carousel_spin-v-previous-icon-style.p_AMXCompact.p_AMXDisabled,
.amx-carousel_spin-v-previous-icon-style.p_AMXSmall.p_AMXDisabled {
  opacity: 0.50;
  pointer-events: none;
}
.amx-carousel_spin-v-next-icon-style.p_AMXCompact.p_AMXDisabled,
.amx-carousel_spin-v-next-icon-style.p_AMXSmall.p_AMXDisabled {
  opacity: 0.50;
  pointer-events: none;
}
.amx-carousel_spin-bar.p_AMXDisabled,
.amx-carousel_spin-h-previous-icon-style.p_AMXFull.p_AMXDisabled,
.amx-carousel_spin-h-next-icon-style.p_AMXFull.p_AMXDisabled,
.amx-carousel_spin-v-previous-icon-style.p_AMXFull.p_AMXDisabled,
.amx-carousel_spin-v-next-icon-style.p_AMXFull.p_AMXDisabled {
  opacity: 0.50;
  pointer-events: none;
}
.amx-carousel_item-overlay[theme="dark"] {
  background-color: #000000;
}
.amx-carousel_item-text.p_AMXCircular.p_AMXVertical,
.amx-carousel_control-area.p_AMXCircular.p_AMXSmall.p_AMXVertical,
.amx-carousel_control-area.p_AMXCircular.p_AMXCompact.p_AMXVertical {
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
  border: 2px solid #0572CE;
  border-top-width: 1px;
  border-top-color: lightgray;
}
.amx-carousel_item.p_AMXCircular.p_AMXSelected {
  border-color: #0572CE;
  border-width: 2px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
.amx-carousel.p_AMXVertical .amx-carousel_item.p_AMXCircular.p_AMXSelected {
  border-bottom-color: transparent;
}
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-commonTags.css */
.transparentScreen {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:5;
}
.amx-view {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 10;
}
.amx-view-historyIndicatorBack,
.amx-view-historyIndicatorForward {
  display: inline-block;
  z-index: 2000;
  position: fixed;
  top: 50%;
  margin-top: -70px;
  width: 70px;
  height: 140px;
  -webkit-background-size: 70px 140px;
  background-repeat: no-repeat;
}
HTML[dir=ltr] .amx-view-historyIndicatorBack,
HTML[dir=rtl] .amx-view-historyIndicatorForward {
  left: -70px;
  background-image: url(../css/images/historyIndicatorLeft.png);
  background-position: left;
}
HTML[dir=rtl] .amx-view-historyIndicatorBack,
HTML[dir=ltr] .amx-view-historyIndicatorForward {
  right: -70px;
  background-image: url(../css/images/historyIndicatorRight.png);
  background-position: right;
}

/* ------ <amx:ouputText> ------ */
.amx-outputText {
  font-size: 17px;
  margin: 0;
  padding: 0;
  clear: both;
  color: #000000;
  font-family: Arial;
  -webkit-user-select: text;
}
.amx-outputText.adfmf-outputText-bold {
  font-weight: bold;
}
.amx-outputText.adfmf-outputText-small {
  font-size: 14px
}
.amx-outputText.adfmf-outputText-note {
  font-size: 12px;
}
.amx-outputText-truncateAt {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.amx-panelPage-content > .amx-outputText {
  display: block;
  padding: 0 24px;
}
.amx-outputText.amx-text-sectiontitle {
  font-size: 14px;
  color: #5C5C5C;
  font-weight: bold;
  margin: 8px 0;
  padding: 0 23px;
  text-transform: uppercase;
}
.adfmf-outputText-sectionTitle {
  color:#5C5C5C;
  font: bold 14px Arial;
  text-transform: uppercase;
  text-shadow: none;
}
.adfmf-outputText-badge {
  min-width: 10px;
  border-radius: 2px;
  border-style: solid;
  border-width: 3px 2px 2px 2px;
  border-color: #999999;
  text-align: center;
  padding-right: 4px;
  padding-left: 4px;
}
/* ------ </amx:outputText> ------ */
/* ------ <amx:commandLink>  <amx:goLink> ------ */
a,
.amx-goLink,
.amx-commandLink {
  color: #2F6BAC;
  text-decoration: underline;
  font-size: 17px;
}
a.adfmf-goLink-noUnderline,
a.adfmf-commandLink-noUnderline,
.amx-goLink.adfmf-goLink-noUnderline,
.amx-commandLink.adfmf-commandLink-noUnderline {
  color: #2F6BAC;
  text-decoration: none;
  font-size: 17px;
}
.adfmf-goLink-icon.amx-goLink:after {
  content: " ";
  background-image: url(../css/images/amx-android-ltr.png);
  width: 15px;
  height: 15px;
  background-position: -54px -63px;
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  position: relative;
  margin: 0 3px;
  display: inline-block;
}
.amx-goLink:active,
.amx-commandLink:active {
  color: #2F6BAC;
  background-color: #D7ECFE;
  border-radius: 2px;
  text-decoration: underline;
  border-radius: 2px;
  font-size: 17px;
}
.amx-goLink.adfmf-goLink-alternateColor,
.amx-commandLink.adfmf-commandLink-alternateColor {
  color: #56656E;
  text-decoration: underline;
  font-size: 17px;
}
.amx-goLink.adfmf-goLink-alternateColor:active,
.amx-commandLink.adfmf-commandLink-alternateColor:active {
  color: #56656E;
  background-color: #E1E3E5;
  border-radius: 2px;
  text-decoration: underline;
  border-radius: 2px;
  font-size: 17px;
}
.adfmf-goLink-icon.adfmf-goLink-alternateColor.amx-goLink:after {
  content: " ";
  background-image: url(../css/images/amx-android-ltr.png);
  width: 15px;
  height: 15px;
  background-position: -86px -63px;
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  position: relative;
  margin: 0 3px;
  display: inline-block;
}
.amx-goLink.amx-disabled,
.amx-commandLink.amx-disabled,
.adfmf-goLink-icon.amx-disabled.amx-goLink:after {
  opacity: 0.5;
  pointer-events: none;
}
/* facet variant */
.amx-panelPage-facet-primary .amx-commandLink,
.amx-panelPage-facet-secondary .amx-commandLink,
.amx-panelPage-facet-footer .amx-commandLink {
  display: inline-block;
  margin: 12px 6px 0 6px;
}
.amx-panelPage-facet-primary .amx-commandLink img,
.amx-panelPage-facet-secondary .amx-commandLink img,
.amx-panelPage-facet-footer .amx-commandLink img {
  width: 18px;
  height: 18px;
}
.amx-panelPage-facet-primary .amx-commandLink label,
.amx-panelPage-facet-secondary .amx-commandLink label,
.amx-panelPage-facet-footer .amx-commandLink label {
  display: inline-block;
  padding: 0 0 30px 0;
}
.amx-panelPage-facet-secondary .amx-commandLink,
.amx-panelPage-facet-secondary .amx-goLink {
  float: right;
}
.amx-panelPage-facet-primary .amx-commandLink,
.amx-panelPage-facet-primary .amx-goLink {
  float: left;
}
/* /facet variant */
/* ------ </amx:commandLink> </amx:goLink>  ------ */
/* ------ <amx:commandButton-back> ------ */
.amx-panelPage-facet-primary .amx-commandButton-back {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat, no-repeat;
  -webkit-background-size: 7px 14px, 40px 40px;
  width: 59px;
  min-height: 48px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
HTML[dir="ltr"] .amx-panelPage-facet-primary .amx-commandButton-back {
  background-image: url('../css/images/amx-android-back-ltr.png'), url('../css/images/adfmf_HeaderIcon.png');
  background-position: 4px center, 15px center;
  margin: 0;
}
HTML[dir="rtl"] .amx-panelPage-facet-primary .amx-commandButton-back {
  background-image: url('../css/images/amx-android-back-rtl.png'), url('../css/images/adfmf_HeaderIcon.png');
  background-position: 48px center, 4px center;
  margin: 0;
}
/* App Icon */
.amx-panelPage-header-appIcon {
  /*background-image: url('../css/images/adfmf_HeaderIcon.png');*/
  background-position: 4px center;
  background-repeat: no-repeat;
  -webkit-background-size: 40px 40px;
  width: 48px;
  min-height: 48px;
  margin: 0 8px;
}
.amx-panelPage-facet-primary .amx-commandButton-back:active {
  background-color: #36BFF1;
}
.amx-panelPage-facet-primary .amx-commandButton-back .amx-commandButton-label {
  display: none;
}
/* ------ </amx:commandButton-back> ------ */
/* ------ <amx:commandButton> ------ */
.amx-commandButton,
HTML[dir="ltr"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-primary .amx-commandButton-back,
HTML[dir="rtl"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-primary .amx-commandButton-back{
  min-width: 27px;
  width: auto;
  min-height: 38px;
  display: inline-block;
  -webkit-border-radius: 0px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #7A7979), color-stop(3.25%, #7A7979), color-stop(5%, #CFCFCF), color-stop(95.51%, #CFCFCF), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF));  /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(bottom, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(to top, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
 -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  text-align: center;
  position: relative;
  top: -1px;
  -webkit-background-size: auto;
  margin: 6px 11px;
}
.amx-commandButton-label,
html[dir="ltr"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-primary .amx-commandButton-back .amx-commandButton-label {
  display: inline-block;
  padding: 8px 8px 8px 12px;
  font-family: Arial;
  font-size: 18px;
  color: #3A3A3A;
}
.amx-commandButton-label,
html[dir="rtl"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-primary .amx-commandButton-back .amx-commandButton-label {
  display: inline-block;
  padding: 8px 12px 8px 8px;
  font-family: Arial;
  font-size: 18px;
  color: #3A3A3A;
}
.amx-commandButton.adfmf-commandButton-large {
  width: 278px;
  height: 46px;
}
.amx-commandButton.adfmf-commandButton-large .amx-commandButton-label {
  font: bold 20px Arial;
  padding: 12px;
}
.amx-commandButton > .amx-extendedTarget {
  top: -3px;
  bottom: -3px;
  left: -4px;
  right: -4px;
}
.amx-commandButton-icon {
 display:inline-block;
 width: 24px;
 height: 24px;
 position: relative;
 top: 50%;
 margin-top: 6px;
 margin-left: 8px;
}
.adfmf-commandButton-bright .amx-commandButton-label,
.adfmf-commandButton-bright .amx-commandButton.amx-disabled {
  color: #3A3A3A;
}
.adfmf-commandButton-alert .amx-commandButton-label,
.adfmf-commandButton-highlight .amx-commandButton-label,
.adfmf-commandButton-confirm .amx-commandButton-label,
.adfmf-commandButton-alternate2 .amx-commandButton-label,
.adfmf-commandButton-alternate1 .amx-commandButton-label,
.adfmf-commandButton-dark .amx-commandButton-label {
  color: #FFFFFF;
}
.adfmf-commandButton-alert.amx-selected .amx-commandButton-label,
.adfmf-commandButton-highlight.amx-selected .amx-commandButton-label,
.adfmf-commandButton-confirm.amx-selected .amx-commandButton-label,
.adfmf-commandButton-alternate2.amx-selected .amx-commandButton-label,
.adfmf-commandButton-alternate1.amx-selected .amx-commandButton-label,
.adfmf-commandButton-dark.amx-selected .amx-commandButton-label {
  color: #3A3A3A;
}
.amx-commandButton.amx-label-no-text .amx-commandButton-label {
  padding: 0;
}
.amx-commandButton.amx-iconPosition-leading .amx-commandButton-icon {
  float: left;
}
.amx-commandButton.amx-iconPosition-trailing .amx-commandButton-icon {
  float: right;
  margin-right: 8px;
}
.amx-iconPosition-trailing .amx-commandButtonLabel {
  padding-right: 0;
}
.amx-commandButton.amx-selected,
html[dir="ltr"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-primary .amx-commandButton-back.amx-selected,
html[dir="rtl"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-primary .amx-commandButton-back.amx-selected {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
}
.amx-commandButton.amx-disabled {
  opacity: 0.5;
}
.adfmf-commandButton-rounded {
  -webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.75), inset 0 0 1px 2px rgba(0, 0, 0, 0.75);
  border-radius: 10px;
}
/* facet variant */
.adfmf-commandButton-rounded .amx-commandButton-label {
  font-size: 16px;
}
.amx-listItem .amx-commandButton{
  margin: 4px;
}
.amx-panelFormLayout .amx-commandButton {
  margin: 0;
}
.amx-panelPage-facet-primary .amx-commandButton,
.amx-panelPage-facet-secondary .amx-commandButton {
  margin: 6px 16px;
}
.amx-panelPage-facet-primary .amx-commandButton,
.amx-panelPage-facet-secondary .amx-commandButton {
  margin-top: 6px;
}
.amx-panelPage-facet-footer .amx-commandButton {
  margin: 0;
}
.amx-panelPage-facet-primary .amx-commandButton.amx-disabled,
.amx-panelPage-facet-secondary .amx-commandButton.amx-disabled,
.amx-panelPage-facet-footer .amx-commandButton.amx-disabled {
  opacity: 0.50;
}

HTML[dir="ltr"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-secondary > * {
  float: right;
}
HTML[dir="rtl"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-secondary > * {
  float: left;
}
/* /facet variant */
/* Alert */
.amx-commandButton.adfmf-commandButton-alert,
.amx-commandButton.amx-button-alert,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-alert,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-alert,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-alert,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-alert,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-alert,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-alert {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #790405), color-stop(3.49%, #790405), color-stop(4.76%, #E9090B), color-stop(95.75%, #E9090B), color-stop(98.51%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #790405 0%, #790405 3.49%, #E9090B 4.76%, #E9090B 95.75%, #FFFFFF 98.51%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #790405 0%, #790405 3.49%, #E9090B 4.76%, #E9090B 95.75%, #FFFFFF 98.51%, #FFFFFF 100%);
}
.amx-commandButton.adfmf-commandButton-alert.amx-selected,
.amx-commandButton.amx-button-alert.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-alert.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-alert.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-alert.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-alert.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-alert.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-alert.amx-selected {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  color: #3A3A3A;
}
/* /Alert */
/* Highlight */
.amx-commandButton.adfmf-commandButton-highlight,
.amx-commandButton.amx-button-hightlight,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-highlight,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-hightlight,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-highlight,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-hightlight,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-highlight,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-hightlight {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #313131), color-stop(4%, #313131), color-stop(4.76%, #5F656D), color-stop(95%, #5F656D), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF));  /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #313131 0%, #313131 4%, #5F656D 4.76%, #5F656D 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #313131 0%, #313131 4%, #5F656D 4.76%, #5F656D 95%, #FFFFFF 99.24%, #FFFFFF 100%);
}
.amx-commandButton.adfmf-commandButton-highlight.amx-selected,
.amx-commandButton.amx-button-hightlight.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-highlight.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-hightlight.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-highlight.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-hightlight.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-highlight.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-hightlight.amx-selected {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  color: #3A3A3A;
}
/* /Highlight */
/* Confirm */
.amx-commandButton.adfmf-commandButton-confirm,
.amx-commandButton.amx-button-confirm,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-confirm,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-confirm,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-confirm,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-confirm,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-confirm,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-confirm {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #1C6900), color-stop(2.76%, #1C6900), color-stop(5.49%, #258901), color-stop(94.75%, #258901), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #1C6900 0%, #1C6900 2.76%, #258901 5.49%, #258901 94.75%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #1C6900 0%, #1C6900 2.76%, #258901 5.49%, #258901 94.75%, #FFFFFF 99.24%, #FFFFFF 100%);
}
.amx-commandButton.adfmf-commandButton-confirm.amx-selected,
.amx-commandButton.amx-button-confirm.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-confirm.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-confirm.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-confirm.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-confirm.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-confirm.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-confirm.amx-selected {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  color: #3A3A3A;
}
/* /Confirm */
/* Alternate Button Skins */
/* Blue */
.amx-commandButton.adfmf-commandButton-alternate2,
.amx-commandButton.amx-button-alternate2,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-alternate2,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-alternate2,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-alternate2,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-alternate2,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-alternate2,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-alternate2 {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #025296), color-stop(1.49%, #025296), color-stop(5.49%, #0571CD), color-stop(95%, #0571CD), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #025296 0%, #025296 1.49%, #0571CD 5.49%, #0571CD 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #025296 0%, #025296 1.49%, #0571CD 5.49%, #0571CD 95%, #FFFFFF 99.24%, #FFFFFF 100%);

}
.amx-commandButton.adfmf-commandButton-alternate2.amx-selected,
.amx-commandButton.amx-button-alternate2.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-alternate2.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-alternate2.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-alternate2.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-alternate2.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-alternate2.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-alternate2.amx-selected {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  color: #3A3A3A;
}
/* Blue */
/* Lighter Blue */
.amx-commandButton.adfmf-commandButton-alternate1,
.amx-commandButton.amx-button-alternate1,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-alternate1,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-alternate1,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-alternate1,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-alternate1,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-alternate1,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-alternate1 {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #025296), color-stop(1.49%, #025296), color-stop(5.49%, #037BB9), color-stop(95%, #037bb9), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #025296 0%, #025296 1.49%, #037BB9 5.49%, #037bb9 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #025296 0%, #025296 1.49%, #037BB9 5.49%, #037bb9 95%, #FFFFFF 99.24%, #FFFFFF 100%);

}
.amx-commandButton.adfmf-commandButton-alternate1.amx-selected,
.amx-commandButton.amx-button-alternate1.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-alternate1.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-alternate1.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-alternate1.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-alternate1.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-alternate1.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-alternate1.amx-selected {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  color: #3A3A3A;
}
/* /Lighter Blue */
/* Black */
.amx-commandButton.adfmf-commandButton-dark,
.amx-commandButton.amx-button-dark,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-dark,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-dark,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-dark,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-dark,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-dark,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-dark {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #000000), color-stop(3.76%, #000000), color-stop(4.49%, #474747), color-stop(95%, #474747), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #000000 0%, #000000 3.76%, #474747 4.49%, #474747 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #000000 0%, #000000 3.76%, #474747 4.49%, #474747 95%, #FFFFFF 99.24%, #FFFFFF 100%);
}
.amx-commandButton.adfmf-commandButton-dark.amx-selected,
.amx-commandButton.amx-button-dark.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-dark.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-dark.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-dark.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-dark.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-dark.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-dark.amx-selected {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  color: #3A3A3A;
}
/* /Black */
/* Bright */
.amx-commandButton.adfmf-commandButton-bright,
.amx-commandButton.amx-button-bright,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-bright,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-bright,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-bright,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-bright,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-bright,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-bright {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #FF8700), color-stop(3.76%, #FF8700), color-stop(4.76%, #F1C123), color-stop(95%, #F1C123), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #FF8700 0%, #FF8700 3.76%, #F1C123 4.76%, #F1C123 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #FF8700 0%, #FF8700 3.76%, #F1C123 4.76%, #F1C123 95%, #FFFFFF 99.24%, #FFFFFF 100%);
}
.amx-commandButton.adfmf-commandButton-bright.amx-selected,
.amx-commandButton.amx-button-bright.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.adfmf-commandButton-bright.amx-selected,
.amx-panelPage-facet-primary .amx-commandButton.amx-button-bright.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.adfmf-commandButton-bright.amx-selected,
.amx-panelPage-facet-secondary .amx-commandButton.amx-button-bright.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.adfmf-commandButton-bright.amx-selected,
.amx-panelPage-facet-footer .amx-commandButton.amx-button-bright.amx-selected {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  color: #3A3A3A;
}
/* /Bright */
/* /Alternate Button Skins */
/* ------ </amx:commandButton> ------ */
/* --------- <amx:inputText> --------- */

.adfmf-panelGroupLayout-groupBox .amx-inputText .field-value .wrap,
.amx-style-groupbox .amx-inputText .field-value .wrap,
.amx-panelFormLayout .amx-inputText .field-value .wrap,
.amx-inputText .field-value .wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-size: 6px 4px; /* Note: the actual image is 12x8 */
  border-style: solid;
  border-width: 2px 5px 5px 6px;
  -webkit-border-image: url('../css/images/enabledTextField.png') 0 5 6 6 repeat;
  border-image: url('../css/images/enabledTextField.png') 0 5 6 6 fill repeat;
}
.adfmf-panelGroupLayout-groupBox .amx-inputText .field-value .wrap.amx-wrap-active,
.amx-style-groupbox .amx-inputText .field-value .wrap.amx-wrap-active,
.amx-panelFormLayout .amx-inputText .field-value .wrap.amx-wrap-active,
.amx-inputText .field-value .wrap.amx-wrap-active,
.adfmf-panelPage-springboard field-value .wrap.amx-wrap-active {
  -webkit-border-image: url('../css/images/focusedTextField.png') 0 5 6 6 fill repeat;
  border-image: url('../css/images/focusedTextField.png') 0 5 6 6 fill repeat;
}
.amx-inputText .field-value input ,
.amx-inputText .field-value textarea{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  outline: none;
  border: none;
  background: transparent;
  display: inline-block;
  position: relative;
  padding: 0 4px;
  width: 100%;
  font-size: 17px;
  font-family: Arial;
  font-weight: normal;
}
.amx-inputText.adfmf-inputText-bold .field-value input ,
.amx-inputText.adfmf-inputText-bold .field-value textarea {
  font-weight: bold;
}
.amx-inputText .field-value textarea {
  display: block;
}
.amx-inputText.amx-simple {
  font-size: 14px;
  position: relative;
}
.amx-inputText.amx-simple input ,
.amx-inputText.amx-simple textarea {
  font-size: inherit;
}
.amx-inputText.amx-disabled {
  opacity:0.30;
  pointer-events: none;
}
.amx-inputText.amx-readOnly .field-value .wrap {
  border: none;
}
.adfmf-panelGroupLayout-groupBox .amx-inputText.amx-disabled,
.amx-style-groupbox .amx-inputText.amx-disabled,
.amx-panelFormLayout .amx-inputText.amx-disabled {
  opacity: .5;
}
.amx-inputText .field-value .readOnlyLabel {
  white-space: nowrap;
  word-break: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
  font-weight: normal;
}
.adfmf-inputText-bold .field-value input ,
.adfmf-inputText-bold .field-value textarea  {
  font-weight: bold;
}
::-webkit-input-placeholder ,
::-webkit-textarea-placeholder {
  color: #6E6E6E;
}
input:disabled, textarea:disabled {
  background: none;
  color: #000000;
  opacity: .5;
  pointer-events: none;
}
.amx-inputText.adfmf-inputText-search .field-value input:before,
.amx-inputText.adfmf-inputText-search .field-value textarea:before {
  position: relative;
  display: inline-block;
  left: 4px;
  background-image: url(../css/images/amx-android-ltr.png);
  width: 18px;
  height: 18px;
  background-position: -226px -65px;
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
}
/* --------- </amx:inputText> --------- */
/* Styles added during v1.1 development are below */
/* facet secondary and primary floats and nested components */
.amx-panelPage-header .amx-inputText.amx-node {
  width: 210px;
  margin-top: -10px;
}
HTML[dir="ltr"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-primary > * {
  float: left;
}
HTML[dir="rtl"] .adfmf-panelPage-genericAppearance .amx-panelPage-facet-primary > * {
  float: right;
}
/* /facet secondary and primary floats and nested components  */
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.1-android/amx-core.css */
/* VERSION 55 */

* {
  -webkit-user-select: none;
}
@keyframes fade-in {
  0%   { opacity: 0; }
  50%  { opacity: 0; }
  75%  { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fade-in {
  0%   { opacity: 0; }
  50%  { opacity: 0; }
  75%  { opacity: 0; }
  100% { opacity: 1; }
} 
.amx-loading.hidden {
  display: none;
}
.amx-loading.hiding {
  opacity: 0;  
  -webkit-transition: all .25s ease-in-out;
}
.amx-loading.beforeShowing {
  opacity: 0;  
}
.amx-loading.showing {
  animation-name: fade-in;
  -webkit-animation-name: fade-in;
  
  animation-duration: 500ms;
  -webkit-animation-duration: 500ms; 
}
.amx-loading {
  background-image: url('../css/images/AndroidActivityIndicatorAltaBlueLarge_02.gif');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 75px 75px; /* Note: the actual image is 150x150 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
/* The loading indicator should not be displayed at design time */
.amx-dtmode .amx-loading {
  display: none;
}
/* Workaround for a bug in the design time preview panel that steals focus from
   the code editor. */
.amx-dtmode SELECT,
.amx-dtmode INPUT {
  -webkit-appearance: none;
}
input, 
textarea {
  -webkit-user-select: text;
}

textarea:focus,
textarea:active,
-webkit-textarea:focus,
-webkit-textarea:active, 
input:focus,
input:active,
-webkit-input:focus,
-webkit-input:active {
  outline: 0;
}
body {
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  -webkit-text-size-adjust: none;
}
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
}
.ui-page {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}
.amx-scrollable {
  -webkit-backface-visibility: hidden;
  
  /* 
   * Added the following to enable native iPhone scrolling in iOS 5.0 and above.
   * Note that a change to the PhoneGap javascript library was also required
   * because the outer iFrame created by PhoneGap was interfering with the
   * ability to use native scrolling. The change was originally made to the
   * phonegap-1.0.0.js file, and whenever our PhoneGap library is updated to
   * a newer version, this change may need to be replicated in the new version
   * of PhoneGap. See the discussion at the PhoneGap discussion groups at the
   * following location for more info:
   *
   *    http://groups.google.com/group/phonegap/msg/7beee231774af8c9
   *
   */
  -webkit-overflow-scrolling: touch;
  /* Note that this causes the panelSplitter's flip animations to appear in
     2D instead of 3D in the iOS simulator but not in desktop Safari 6
     because this style does nothing in desktop Safari 6. */
}

/*
 * When a series of DVT gauges (SVG elements) are in a scrollable area of an
 * app built using Xcode 4.5.* (works with Xcode 4.6.*), sometimes iOS 6 will
 * not allow 1-finger scrolling (although 2-finger scrolling works).
 * This selector serves as a workaround for this Apple bug.
 */
.amx-ios .amx-scrollable:after {
  content: ' ';
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Adding this translateZ helps speed up the scrolling on iOS devices. */
.amx-scrollable > * {
  -webkit-transform: translateZ(0);
  /* Note that this also causes bleed-through on desktop Safari 6
     when doing flip transitions in the panelSplitter but not
     in the iOS simulator because -webkit-overflow-scrolling: touch;
     from .amx-scrollable corrects the issue there (not available on
     desktop Safari 6). */
}

/* The generic Android browser does not support hidden backface-visibility.
   In order for Android to use programmatic scrolling, we must set overflow to hidden */
.amx-android-generic .amx-scrollable {
  -webkit-backface-visibility: visible;
  overflow: hidden;
}
/* Android will not repaint nested scrollable areas if translateZ is in use so we need to override it here. */
.amx-android-generic .amx-scrollable > * {
  -webkit-transform: none;
}

.amx-view {
  -webkit-backface-visibility: hidden;
}
/* The generic Android browser does not support hidden backface-visibility */
.amx-android-generic .amx-view {
  -webkit-backface-visibility: visible;
}

/* In low memory situations, we need to drop use of expensive styles that consume large amounts of memory. */
.adfmf-low-memory .amx-scrollable,
.adfmf-low-memory.amx-scrollable {
  -webkit-backface-visibility: visible;
  -webkit-overflow-scrolling: auto;
}
.adfmf-low-memory .amx-scrollable > *,
.adfmf-low-memory.amx-scrollable > * {
  -webkit-transform: none;
}

/* In order to save memory on iOS, use this "adfmf-limited-scrolling" marker styleClass on your root component to disable the amx-scrollable selector and then use the adfmf-scrollable styleClass on components that you really do want scrolling on. Note that this only works on iOS (Android uses a different scrolling technique). */
.amx-ios .adfmf-limited-scrolling .amx-scrollable,
.amx-ios .adfmf-limited-scrolling.amx-scrollable {
  -webkit-overflow-scrolling: auto;
  overflow: visible;
}
.amx-ios .adfmf-limited-scrolling .amx-scrollable > *,
.amx-ios .adfmf-limited-scrolling.amx-scrollable > * {
  -webkit-transform: none;
}

/* adfmf-scrollable overrides (note messageBox is always active since there is no component to add a styleClass to it) */
.amx-ios .adfmf-limited-scrolling .amx-listView.adfmf-scrollable,
.amx-ios .adfmf-limited-scrolling .amx-panelPage.adfmf-scrollable > .amx-panelPage-content,
.amx-ios .adfmf-limited-scrolling .amx-panelFormLayout.adfmf-scrollable,
.amx-ios .adfmf-limited-scrolling .amx-panelGroupLayout.adfmf-scrollable,
.amx-ios .adfmf-limited-scrolling .amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_contentContainer,
.amx-ios .adfmf-limited-scrolling .amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_navLandscape,
.amx-ios .adfmf-limited-scrolling .amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_navPortrait,
.amx-ios .adfmf-limited-scrolling .amx-popup.adfmf-scrollable,
.amx-ios .adfmf-limited-scrolling .messageBox.amx-scrollable,
.amx-ios .adfmf-limited-scrolling.amx-listView.adfmf-scrollable,
.amx-ios .adfmf-limited-scrolling.amx-panelPage.adfmf-scrollable > .amx-panelPage-content,
.amx-ios .adfmf-limited-scrolling.amx-panelFormLayout.adfmf-scrollable,
.amx-ios .adfmf-limited-scrolling.amx-panelGroupLayout.adfmf-scrollable,
.amx-ios .adfmf-limited-scrolling.amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_contentContainer,
.amx-ios .adfmf-limited-scrolling.amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_navLandscape,
.amx-ios .adfmf-limited-scrolling.amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_navPortrait,
.amx-ios .adfmf-limited-scrolling.amx-popup.adfmf-scrollable {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.amx-ios .adfmf-limited-scrolling .amx-listView.adfmf-scrollable > *,
.amx-ios .adfmf-limited-scrolling .amx-panelPage.adfmf-scrollable > .amx-panelPage-content > *,
.amx-ios .adfmf-limited-scrolling .amx-panelFormLayout.adfmf-scrollable > *,
.amx-ios .adfmf-limited-scrolling .amx-panelGroupLayout.adfmf-scrollable > *,
.amx-ios .adfmf-limited-scrolling .amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_contentContainer > *,
.amx-ios .adfmf-limited-scrolling .amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_navLandscape > *,
.amx-ios .adfmf-limited-scrolling .amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_navPortrait > *,
.amx-ios .adfmf-limited-scrolling .amx-popup.adfmf-scrollable > *,
.amx-ios .adfmf-limited-scrolling .messageBox.amx-scrollable > *,
.amx-ios .adfmf-limited-scrolling.amx-listView.adfmf-scrollable > *,
.amx-ios .adfmf-limited-scrolling.amx-panelPage.adfmf-scrollable > .amx-panelPage-content > *,
.amx-ios .adfmf-limited-scrolling.amx-panelFormLayout.adfmf-scrollable > *,
.amx-ios .adfmf-limited-scrolling.amx-panelGroupLayout.adfmf-scrollable > *,
.amx-ios .adfmf-limited-scrolling.amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_contentContainer > *,
.amx-ios .adfmf-limited-scrolling.amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_navLandscape > *,
.amx-ios .adfmf-limited-scrolling.amx-panelSplitter.adfmf-scrollable > .amx-panelSplitter_inner > .amx-panelSplitter_navPortrait > *,
.amx-ios .adfmf-limited-scrolling.amx-popup.adfmf-scrollable > * {
    -webkit-transform: translateZ(0px);
}

#amxUIFlush{
	position: absolute;
	top: 100px; left: 50%;
	height: 100px;
	width: 100px;
	overflow: hidden;
	border: solid 1px black;
	z-index: -1;
}
#amxDebug{
	position: absolute;
	top: 0; left: 5%; right: 5%;
	height: 60px;
	background-color: rgba(255,255,255,.6);
	color: #333;
	font-size: 12px;
	border: solid 1px #999;
	z-index: 1000;
	overflow: auto;
}
#bodyPage.transitioning {
  -webkit-perspective: 2000;
}
#bodyPage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:0;
  background-color: #F1F1F1;
  -webkit-background-size: 3px 3px; /* actual size is 6x6 */
  font-family: arial, sans-serif;
}
#bodyPage.amx-debug:after {
  pointer-events: none;
  z-index: 1;
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  -webkit-background-size: 12px 12px; /* actual size is 24x24 */
  background-image: url('');
}
#bodyPageViews {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Element to exceed outside of a component's interactive area for a larger
 target area; increases reliability of hitting it with a finger.
 This definition just declares some sample extension values; more specific
 selectors for a component might declare alternate values. */
.amx-extendedTarget {
  z-index: 1;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

/* Way to visually identify extended target areas if an app is having trouble
 due to overlapping components; components that were too close to each other. */
.adfmf-extendedTargetsDebug .amx-extendedTarget {
  background-color: red;
  opacity: 0.5;
}

/* Way to disable the extended target areas for a subtree of a page. */
.adfmf-extendedTargetsDisabled .amx-extendedTarget {
  display: none;
}

/* amx container elements need to be relative */
.amx-listView,
.amx-listItem,
.amx-panelGroupLayout {
  position: relative;
}
/* single finger scrollables */
.amx-panelPage-content,
.amx-listView,
.amx-panelGroupLayout,
.amx-panelFormLayout {
  overflow: auto;
}
.amx-node.amx-fitParent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* ------ Generic Field label/value ------ */
.field-label {
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  vertical-align: middle;
  color: #3A3A3A;
  font-size: 13.5px;
  -webkit-user-select: text;
}
HTML[dir="ltr"] .field-label {
  padding: 12px 20px 12px 24px;
}
HTML[dir="rtl"] .field-label {
  padding: 12px 8px 12px 20px;
}
.field-value {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  color: #000000;
  font-size: 17px;
  font-weight: bold;
}
HTML[dir="ltr"] .field-value {
  padding: 12px 18px 12px 5px;
}
HTML[dir="rtl"] .field-value {
  padding: 12px 5px 12px 18px;
}
.field-value input,
.field-value textarea {
  font-size: 17px;
  font-family: Arial;
  font-weight: normal;
}
.field {
  display: table;
  width: 100%;
  border-spacing: 0;
}
.field.required .field-label:before {
  -webkit-background-position: 2px 2px;
  left: 2px;
  content: ' ';
  background-image: url('');
  background-repeat: no-repeat;
  width: 5px; /* 4 for the image width plus 1 padding */
  height: 4px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  -webkit-background-size: 4px 4px; /* actual size is 8x8 */
}
HTML[dir="ltr"] .field.required .field-label:before {
  background-position: left center;
  margin-left: -5px;
  margin-right: 1px;
}
HTML[dir="rtl"] .field.required .field-label:before {
  background-position: right center;
  margin-left: -2px;
  margin-right: 1px;
}
.field > .field-label {
  white-space: nowrap;
  display: table-cell;
  word-break: break-all;
}
.field.amx-simple > .field-label {
  display: none;
}
.field > .field-value {
  width: 100%;
  display: table-cell;
  word-break: break-all;
}
.field.amx-simple > .field-value {
  padding: 12px 10px 12px 10px;
}
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  border: 1px solid #0360AE;
  font-weight: normal;
  margin: 0;
}
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus {
  border: 1px solid #035498;
}
/* ------/Generic Field label/value ------ */
/* ------ Icons ------ */
.ico{
  background-image: url(../css/images/amx-android-ltr.png);
  width: 32px;
  height: 32px;
  -webkit-background-size: 144px 192px;
}
.ico-arrow-r{
	background-position:  0 0;
}
/* ------ /Icons ------ */
/* Debug Log */
#log{
  z-index: 100;
  border: solid 1px #aaa;
  background: rgba(255,255,255,.5);
  position: absolute;
  bottom: 10px;
  width: 50%;
  height: 60px;
  font-size: 12px;
}
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-inputDate.css */

/* --------- <amx:inputDate> --------- */
.amx-inputDate-content-android {
  display: none;
}
.amx-inputDate-picker-wrapper {
  position: relative;
  width: 192px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
  background-color: #E9E9E9;
  border: 1px solid #B5B4B4;
  border-radius: 3px;
  box-shadow: 2px 2px 11px 11px rgba(0,0,0,.25);
  -webkit-box-shadow: 2px 2px 11px 11px rgba(0,0,0,.25);
  z-index: 102;
  top: 40px;
}
.amx-inputDate-picker-wrapper.amx-inputDate-picker-dateOnly,
.amx-inputDate-picker-wrapper.amx-inputDate-picker-timeOnly {
  height: 216px;
}
/* Only applicable for input type: datetime */
.amx-inputDate-picker-dateTab,
.amx-inputDate-picker-timeTab {
  width: 171px;
  height: 26px;
  background-color: #CFCFCF;
  background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #7A7979), color-stop(3.25%, #7A7979), color-stop(5%, #CFCFCF), color-stop(100%, #CFCFCF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(bottom, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 100%);
  background-image: linear-gradient(to top, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 100%);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.13);
  box-shadow: 0 1px 0 rgba(0,0,0,.13);
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.amx-inputDate-picker-wrapper .amx-inputDate-picker-dateTab,
.amx-inputDate-picker-wrapper .amx-inputDate-picker-dateTab-selected {
  margin-top: 16px;
}
.amx-inputDate-picker-dateTab-selected,
.amx-inputDate-picker-timeTab-selected {
  width: 171px;
  height: 26px;
  background-color: #0572CE;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.13);
  box-shadow: 0 1px 0 rgba(0,0,0,.13);
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
.amx-inputDate-picker-dateTab-selected .amx-inputDate-picker-dateTab-text,
.amx-inputDate-picker-timeTab-selected .amx-inputDate-picker-timeTab-text {
  position: relative;
  bottom: 0;
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Arial;
  text-align: center;
  padding: 5px;
}
.amx-inputDate-picker-dateTab .amx-inputDate-picker-dateTab-text,
.amx-inputDate-picker-timeTab .amx-inputDate-picker-timeTab-text {
  font-size: 13.5px;
  font-family: Arial;
  text-align: center;
  color: #393939;
  bottom: 0;
  padding: 5px;
}
/* This tab is hidden for input type : date or time */
.amx-inputDate-picker-timeOnly .amx-inputDate-picker-time-header,
.amx-inputDate-picker-dateOnly .amx-inputDate-picker-date-header {
  display: none; 
}
/* This tab is shown for input type : datetime */
.amx-inputDate-picker-dateTab-text,
.amx-inputDate-picker-timeTab-text {
  position: relative;
  left: -4px;
  bottom: 26px;
  display: block;
  color: #212121;
  font-size: 14px;
  font-family: Arial;
  text-align: left;
}
.amx-inputDate-picker-titleBarText {
  position: relative;
  display: block;
  color:#212121;
  font-size: 14px;
  font-family: Arial;
  text-align: left;
  border-bottom: 3px solid #0571CD;
  padding: 14px 8px;
}
.amx-inputDate-picker-wrapper .amx-inputDate-picker-text-divider {
  background-color:#0572CE;
  color: #0572CE;
  height: 2px;
  left: -1px;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.amx-inputDate-picker
.amx-inputDate-picker-date-header,
.amx-inputDate-picker-time-header {
  background: transparent;
  border: none;
}
.amx-inputDate-datePicker-inner-container,
.amx-inputDate-timePicker-inner-container {
  display: table;
  width: 150px;
  font-size: 18px;
  font-family: Arial;
  text-align: center;
  color: #212121;
  table-layout: fixed;
  border-spacing: 10px 0;
  position: relative;
  margin: 0 auto;
  bottom: 6px;
  padding: 10px 0;
}
.amx-inputDate-datePicker-col {
  width: 33%;
  border-top: 2px solid #0572CE;
  border-bottom: 2px solid #0572CE;
  position: relative;
  font-size: 13.5px;
  background-position: center center;
  height: 36px;
}
.amx-inputDate-picker table:nth-last-child(2) {
  border-top: none;
}
.amx-inputDate-picker-wrapper .amx-inputDate-incrementButton {
  background-repeat: no-repeat;
  background-image: url();
  -webkit-background-size: 18px 12px;
  border-top: none;
  border-bottom: none;
}
.amx-inputDate-picker-wrapper .amx-inputDate-decrementButton {
  background-repeat: no-repeat;
  background-image: url();
  -webkit-background-size: 18px 12px;
  border-top: none;
  border-bottom: none;
}
.amx-inputDate-picker-wrapper .amx-inputDate-incrementButton-selected {
  -webkit-background-size: 18px 12px;
  background-repeat: no-repeat;
  background-image: url();
  border-top: none;
  border-bottom: none;
}
.amx-inputDate-picker-wrapper .amx-inputDate-decrementButton-selected {
  -webkit-background-size: 18px 12px;
  background-repeat: no-repeat;
  background-image: url();
  border-top: none;
  border-bottom: none;
}
.amx-inputDate-picker-setButton,
.amx-inputDate-picker-cancelButton {
  width: 77px;
  height: 26px;
  background-color: rgba(204,204,204,.4);
  background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #7A7979), color-stop(3.25%, #7A7979), color-stop(5%, #CFCFCF), color-stop(95.51%, #CFCFCF), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(bottom, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(to top, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.13);
  box-shadow: 0 1px 0 rgba(0,0,0,.13);
  -webkit-tap-highlight-color:transparent;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  left: 10px;
  bottom: 13px
}
.amx-inputDate-picker-setButton:active,
.amx-inputDate-picker-cancelButton:active {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  color: #3A3A3A;
}
HTML[dir="ltr"] .amx-inputDate-picker-setButton {
  left: auto;
  right: 10px;
}
HTML[dir="rtl"] .amx-inputDate-picker-setButton {
  left: 10px;
  right: auto;
}
.amx-inputDate-picker-button-text {
  display: inline-block;
  font-family: Arial;
  font-size: 13.5px;
  color: #393939;
  margin-top: 4px;
}
.amx-inputDate-trigger-dateTime {
  position: relative;
  width: 175px;
  height: 24px;
  background-image: -webkit-gradient(linear, left center, right center, color-stop(0%, #FFFFFF), color-stop(86.26%, #FFFFFF), color-stop(86.27%, #D5D5D5), color-stop(100%, #D5D5D5)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 86.26%, #D5D5D5 86.27%, #D5D5D5 100%);
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 86.26%, #D5D5D5 86.27%, #D5D5D5 100%);
  border-radius: 1px;
  border: 2px solid #C1C1C1;
}
.amx-inputDate-trigger-dateTime:focus,
.amx-inputDate-trigger-dateTime:active {
  background-color: #35BFF1;
  background-image: none;
}
HTML[dir="ltr"] .amx-inputDate-trigger-dateTime {
  text-align: left;
}
HTML[dir="rtl"] .amx-inputDate-trigger-dateTime {
  text-align: right;
}
.amx-inputDate-text {
  position: absolute;
  color: #212121;
  line-height: 24px;
  font-size: 13.5px;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.amx-inputDate-trigger-dateTime:focus .amx-inputDate-text {
  color: #000000;
}
HTML[dir="ltr"] .amx-inputDate-text {
  padding: 0 2px 0 8px;
  left: 0;
  right: 25px;
}
HTML[dir="rtl"] .amx-inputDate-text {
  padding: 0 8px 0 2px;
  left: 25px;
  right: 0;
}
.amx-panelFormLayout .amx-inputDate-text {
  color: #000;
}
.amx-inputDate-triggerIconStyleWrapper {
  display: none;
  width: 16px;
  position: absolute;
  top: 0;
}
HTML[dir="ltr"] .amx-inputDate-triggerIconStyleWrapper {
  border-radius: 0 3px 3px 0;
  right: 0;
}
HTML[dir="rtl"] .amx-inputDate-triggerIconStyleWrapper {
  border-radius: 3px 0 0 3px;
  left: 0;
}
.amx-inputDate-triggerIconStyle {
  position: absolute;
  background-image: url(../css/images/amx-android-ltr.png);
  -webkit-background-size: 299px 180px;
  background-repeat: no-repeat;
  background-position: -278px -91px;
  width: 18px;
  height: 18px;
  top: 4px;
}
HTML[dir="ltr"] .amx-inputDate-triggerIconStyle {
  right: 1px;
}
HTML[dir="rtl"] .amx-inputDate-triggerIconStyle {
  left: 1px;
}
.amx-inputDate-picker-modalOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: #000000;
  opacity: .5;
  z-index: 101;
}
.amx-inputDate.amx-disabled {
  opacity: .35;
  pointer-events: none;
}
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-inputNumberSlider.css */

/* --------- <amx: inputNumberSilder> --------- */
.amx-inputNumberSlider .field-label {
  margin: 3px 0 0 0;
}
.amx-inputNumberSlider .field-value {
  position: relative;
}
.amx-inputNumberSlider .field-value .disable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.2);
}
.amx-inputNumberSlider .field-value .container {
  padding: 5px 0;
  position: relative;
  right: 8px;
  margin: 0 8px;
}
.amx-inputNumberSlider .field-value .slider {
  display: inline-block;
  background: #BDBDBD;
  position: relative;
  width: 95%;
  margin: 0 7px 5px 7px;
  min-width: 100px;
  height: 2px;
}
.amx-inputNumberSlider .field-value .slider .selected {
  position: absolute;
  background-color : #33B5E5;
  height: 100%;
  z-index: 1;
  width: 23px;
}
.amx-inputNumberSlider.amx-readOnly .field-value .slider .selected {
  background-color: #8B8B8B;
}
HTML[dir="ltr"] .amx-inputNumberSlider .field-value .slider .selected {
  left: -1px;
}
HTML[dir="rtl"] .amx-inputNumberSlider .field-value .slider .selected {
  right: -1px;
}
.amx-inputNumberSlider .field-value .slider .valve-background {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 2;
}
HTML[dir="ltr"] .amx-inputNumberSlider .field-value .slider .valve-background {
  left: 20px;
}
HTML[dir="rtl"] .amx-inputNumberSlider .field-value .slider .valve-background {
  left: 20px;
}
.amx-inputNumberSlider .field-value .slider .valve-background .valve {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 23px;
  z-index: 3;
  background-image: url(../css/images/amx-android-ltr.png);
  background-position: -58px -111px;
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  margin-left: 5px;
}
HTML[dir="ltr"] .amx-inputNumberSlider .field-value .slider .valve-background .valve {
  left: 3px;
  right: 7px;
}
HTML[dir="rtl"] .amx-inputNumberSlider .field-value .slider .valve-background .valve {
  right: 3px;
  left: 7px;
}
.amx-inputNumberSlider .field-value .slider .valve-background .valve:active {
  background-position: -90px -115px;
}
.amx-inputNumberSlider.amx-disabled .field-value .slider .valve-background .valve {
  width: 30px;
  background-image: url(../css/images/amx-android-ltr.png);
  background-position: -122px -115px;
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  bottom: 24px;
}
.amx-inputNumberSlider.amx-disabled {
  opacity: 0.50;
  pointer-events: none;
}
.amx-readOnly.amx-inputNumberSlider {
  pointer-events: none;
}

.amx-inputNumberSlider .field-value .slider > .amx-extendedTarget {
  top: -21px;
  bottom: -21px;
  left: 0px;
  right: 0px;
}

.amx-inputNumberSlider .field-value .slider .valve-background .valve > .amx-extendedTarget {
  top: -7px;
  bottom: -7px;
  left: -7px;
  right: -7px;
}

/* --------- </amx: inputNumberSilder> --------- */
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-listView.css */

/* ------ <amx:listView> ------ */

/* this hack prevents list view dividers from flickerring during scrolling */
.amx-listView,
.adfmf-listView-group,
.amx-listView > .adfmf-listView-main > .adfmf-listView-innerList,
.amx-listView > .adfmf-listView-main > .adfmf-listView-innerList > .adfmf-listView-group > .amx-listView-divider.adfmf-listView-bottomDivider,
.amx-listView > .adfmf-listView-main > .adfmf-listView-topDivider {
  -webkit-perspective: 1000;
}

.amx-listView {
  margin: 0;
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  left: 0;
  right: 0;
}

.amx-panelPage-content > .amx-listView:only-child {
  height: 100%;
}

.adfmf-listView-scrollable-disabled {
  overflow: hidden !important;
}

.amx-listView > .adfmf-listView-main {
  position: relative;
  -webkit-box-flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.amx-listView > .adfmf-listView-main > .adfmf-listView-innerList {
  -webkit-box-flex: 1;
}

.amx-listView > .adfmf-listView-main > .adfmf-listView-innerList.amx-scrollable {
  overflow: auto;
}

.amx-listView > .adfmf-listView-main .adfmf-listView-innerList > .adfmf-listView-group > .amx-listView-divider.adfmf-listView-bottomDivider
{
  position: absolute;
  top: auto;
  bottom: 0px;  
  left: 0px;
  right: 0px;
  z-index: 0;
  visibility: hidden;
}

.amx-listView > .adfmf-listView-main .adfmf-listView-innerList > .adfmf-listView-group > .amx-listView-divider.adfmf-listView-bottomDivider.visible,
.amx-listView > .adfmf-listView-main .adfmf-listView-topDivider.visible
{
  visibility: visible;
  z-index: 50;
}

.adfmf-listView-group {
  position: relative;
}

.amx-listView > .adfmf-listView-main > .adfmf-listView-topDivider {
  z-index: 0;
  position: absolute;
  left:0px;
  right:0px;
  top: 0px;
  visibility: hidden;
}

.amx-listView.adfmf-listView-has-index > .adfmf-listView-main > .adfmf-listView-index {
  position: absolute;
  top: 0;
  left: auto;
  right: 4px;
  bottom: 0;
  width: 22px;
  z-index: 100;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: justify;
  -webkit-border-radius: 0 0 0 / 0 0 730px;
  border-radius: 0 0 0 / 0 0 730px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(89,89,89,0.2);
}

body[dir=rtl] .amx-listView.adfmf-listView-has-index > .adfmf-listView-index {
   left: 4px;
   right: auto;
}

.adfmf-listView-indexItem {
  text-align: center;
  color: #595959;
  opacity: 0.5;
  font-family: "Arial";
  font-size: 14px;
  font-weight: bold;
  height:24px;
  line-height:24px;
}

.adfmf-listView-indexItem-active {
   opacity: 1;
}

HTML[dir=rtl] .amx-listView.adfmf-listView-has-index .amx-listItem-caret {
  left: 27px;
  right: auto;
}

HTML[dir=ltr] .amx-listView.adfmf-listView-has-index .amx-listItem-caret {
  right: 27px;
  left: auto;
}

.amx-listView.adfmf-listView-has-index .amx-listView-dividerCounter {
  right: 27px;
}

.amx-listView.adfmf-listView-insetList,
.amx-listView.amx-listView-insetList {
  margin: 12px 9px 12px 9px;
  -webkit-border-radius: 10px;
}

.amx-listView.adfmf-listView-insetList .amx-listItem:first-child,
.amx-listView.amx-listView-insetList .amx-listItem:first-child {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}
.amx-listView.adfmf-listView-insetList .amx-listItem:last-child,
.amx-listView.amx-listView-insetList .amx-listItem:last-child {
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}
.amx-listView.notSelect * {
  -webkit-user-select: none;
}
.amx-listView.amx-listView-editMode .amx-listItem .amx-listItem-caret {
  display: none;
}
/* --- <facets> ---*/
.amx-listView-header,
.amx-listView-footer {
  background: -webkit-gradient(linear, left top, left bottom, from(#DAE0E4), to(#B1BCC3));
  -webkit-box-flex: 0;
}
.amx-listView-facet-header > .amx-outputText,
.amx-listView-facet-footer> .amx-outputText {
  color: #595959;
  font-size: 14px;
  font-weight: bold;
}
/* --- </facets> --- */
/* --- <dividers> --- */
.amx-listView .amx-listView-divider:first-child {
  top: 0;
}
.amx-listView-divider {
  background-color: #DDDDDD;
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  height: 26px;
  position: relative;
  top: -1px;
  left:0;
  right:0;
}
.amx-listView-divider .amx-listView-dividerText {
  font-weight: bold;
  font-size: 14px;
  color: #595959;
  position: absolute;
  margin-left: 40px;
  top: 5px;
  font-family: Arial;
  -webkit-text-transform: uppercase;
  text-transform: uppercase;
}
.amx-listView-divider.amx-listView-nonCollapsibleDivider .amx-listView-dividerText {
  font-weight: bold;
  font-size: 14px;
  color:#595959;
  position: absolute;
  margin-left: 9px;
  top: 5px;
  -webkit-text-transform: lowercase;
  text-transform: uppercase;
}
.amx-listView-dividerCounter {
  position: absolute;
  top: 2px;
  right: 8px;
  min-width: 20px;
  padding: 0 3px;
  height: 17px;
  border-radius: 2px;
  border-style: solid;
  border-width: 3px 2px 2px 2px;
  border-color: #999999;
}
/* Alta Mobile ADFMF Public Style Class for ListView when you dont want to show the square box around Item Count */
.adfmf-listView-dividerCounterNoSquare.amx-listView .amx-listView-dividerCounterText {
  border: none;
}
.amx-listView-dividerCounterText {
  font-weight: bold;
  font-size: 16px;
  color: #595959;
  position: relative;
  text-align:center;
  bottom: 0;
}
.amx-listView-disclosedIcon {
  background-image: url(../css/images/amx-android-ltr.png);
  position: relative;
  background-repeat: no-repeat;
  top: 6px;
  -webkit-background-size: 299px 180px;
  height: 16px;
  width: 16px;

  background-position: -148px -93px;
  left: 5px;
}
.amx-listView-undisclosedIcon {
  background-image: url(../css/images/amx-android-ltr.png);
  background-position: -132px -93px;
  -webkit-background-size: 299px 180px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  top: 6px;
  left: 5px;
  position: relative;
}
/* --- </dividers> --- */
/* This requires a relative position so that the caret and drag handles can be positioned inside. */
.amx-listItem {
  position: relative;
  border-bottom: solid 1px #BBBBBB;
  min-height: 43px;
}
/* Android requires a larger min-height because of its larger font sizes (or else you can't scroll quadrant layouts) */
/* [DenisT]  Instead of specifying min-height I have added padding on top/bottom.  Without this the text isn't centered vertically*/
.amx-android-generic .amx-listItem {
  padding-top: 3px;
  padding-bottom: 2px;
}
.amx-listItem.amx-listItem-selected {
  border-bottom: solid 1px #BBBBBB;
  background-color: #ADE8FE;
}
.amx-listItem.amx-listItem-selected.adfmf-listItem-selected-alternate1 {
  border-bottom: solid 1px #BBBBBB;
  background-color: #C2DDF7;
}
.amx-listItem.amx-listItem-selected.adfmf-listItem-selected-alternate2 {
  border-bottom: solid 1px #BBBBBB;
  background-color: #0572CE;
}
.amx-listItem .amx-outputText.adfmf-outputText-badge {
  display: inline-block;
}
.amx-listItem.move {
  position: absolute;
  left: 0;
  right: 0;
  border-top: solid 1px #BBBBBB;
  -webkit-box-shadow: 0 11px 10px rgba(0,0,0,.65);
  box-shadow: 0 11px 10px rgba(0,0,0,.65);
  opacity: 0.8;
  display: block;
  cursor: move;
}
/* Alta Mobile 1.0 Theme: Android does not have a caret for ListItem 1.0 Theme */
.amx-listItem-caret {
  display: none;
}
HTML[dir="ltr"] .amx-listItem-caret {
  background-image: url(../css/images/amx-android-ltr.png);
  background-position: 7px 0; /* LTR and RTL slices are not perfectly centered hence the unique positions */
  right: 5px;
}
HTML[dir="rtl"] .amx-listItem-caret {
  background-image: url(../css/images/amx-android-rtl.png);
  background-position: 2px 0; /* LTR and RTL slices are not perfectly centered hence the unique positions */
  left: 5px;
}

HTML[dir="ltr"] .amx-listItem-selected > .amx-listItem-caret {
  background-position: -11px 0; /* LTR and RTL slices are not perfectly centered hence the unique positions */
}
HTML[dir="rtl"] .amx-listItem-selected > .amx-listItem-caret {
  background-position: -16px 0; /* LTR and RTL slices are not perfectly centered hence the unique positions */
}
.amx-listItem-handle {
  -webkit-background-size: 299px 180px;
  width: 21px;
  height: 23px;
  position: absolute;
  top: 85%;
  margin-top: -25px;
  cursor: move;
}
HTML[dir="ltr"] .amx-listItem-handle {
  background-image: url(../css/images/amx-android-ltr.png);
  background-position: -165px -90px;
  right: 8px;
}
HTML[dir="rtl"] .amx-listItem-handle {
  background-image: url(../css/images/amx-android-rtl.png);
  background-position: 7px -27px; /* LTR and RTL slices are not perfectly centered hence the unique positions */
  left: 0;
}
.amx-listItem-drop-spacer {
  height: 10px;
}
.amx-listItem .amx-image {
  margin-top: 7px;
}
.amx-listItem .amx-outputText {
  font-weight: bold;
  white-space: nowrap;
  text-overflow:clip;
  overflow: hidden;
  display: block;
}
HTML[dir="ltr"] .amx-listItem > .amx-outputText {
  margin-right: 30px;
  padding: 10px 0 10px 10px;
}
HTML[dir="rtl"] .amx-listItem > .amx-outputText {
  margin-left: 30px;
  padding: 10px 10px 10px 0;
}
HTML[dir="ltr"] .amx-listItem.amx-listItem-noCaret > .amx-outputText {
  margin-right: 10px;
}
HTML[dir="rtl"] .amx-listItem.amx-listItem-noCaret > .amx-outputText {
  margin-left: 10px;
}
HTML[dir="ltr"] .amx-listItem > .amx-panelGroupLayout {
  margin-right: 30px;
}
HTML[dir="rtl"] .amx-listItem > .amx-panelGroupLayout {
  margin-left: 30px;
}
.amx-listItem > .amx-panelGroupLayout.amx-wrap {
  display: block;
}
HTML[dir="ltr"] .amx-listItem > .amx-tableLayout {
  margin-right: 30px;
}
HTML[dir="rtl"] .amx-listItem > .amx-tableLayout {
  margin-left: 30px;
}
HTML[dir="ltr"] .amx-listItem.amx-listItem-noCaret > .amx-tableLayout {
  margin-right: 10px;
}
HTML[dir="rtl"] .amx-listItem.amx-listItem-noCaret > .amx-tableLayout {
  margin-left: 10px;
}
.amx-listItem .amx-tableLayout .amx-outputText.adfmf-listItem-captionText {
  font-size: 14px;
  opacity: .76;
  margin-top: -10px;
  margin-bottom: -2px;
  color: #595960;
}
.amx-listItem .amx-tableLayout .amx-outputText.adfmf-listItem-highlightText {
  color: #2F6BAC;
}
.amx-listItem.amx-listItem-selected .amx-tableLayout .amx-outputText.adfmf-listItem-highlightText {
  color: #FFFFFF;
}
/* Start Deprecated listItem Styles */
.amx-listItem.adfmf-listItem-hasStartIcon .amx-outputText {
  position: absolute;
  top: 0;
  left: 30px;
  padding: 10px 0 10px 10px;
  margin-right: 0;
  font-weight: bold;
  font-size: 18px;
  color: black;
  right: 30px
}
.amx-listItem .amx-outputText.adfmf-listItem-mainText {
  padding: 2px 0 0 10px;
  font-weight: bold;
  color: #000;
}
.amx-listItem .amx-outputText.adfmf-listItem-subText {
  padding: 0 0 0 10px;
  font-weight: normal;
  font-size: 14px;
  margin-top: -3px;
  color: #8D8C8C;
}
.amx-listItem.adfmf-listItem-hasStartIcon .adfmf-listItem-mainText {
  position: absolute;
  top: 0;
  left: 30px;
  padding: 2px 0 10px 10px;
  margin-right: 0;
  right: 30px
}
.amx-listItem.adfmf-listItem-hasStartIcon .adfmf-listItem-subText {
  position: absolute;
  top: 18px;
  left: 30px;
  padding: 4px 0 10px 10px;
  margin-top: 0;
  margin-right: 0;
  right: 30px
}
.amx-listItem .amx-outputText.adfmf-listItem-startText {
  padding: 10px 0 10px 10px;
  margin-right: 0;
  font-weight: bold;
  color: #000;
  width: 55%;
}
.amx-listItem .amx-outputText.adfmf-listItem-endText {
  position: absolute;
  margin-right: 0;
  padding: 10px 0 10px 0;
  top: 0;
  right: 30px;
  text-align: right;
  color: #2F6BAC;
  left: 60%;
}
.amx-listItem.adfmf-listItem-hasStartIcon .amx-outputText.adfmf-listItem-startText {
  position:absolute;
  top: 0;
  left: 30px;
  padding: 10px 0 10px 10px;
  margin-right: 0;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  width: 45%;
}
.amx-listItem .amx-outputText.adfmf-listItem-upperStartText {
  padding: 2px 0 0 10px;
  margin-right: 0;
  font-weight: bold;
  color: #000;
  width: 55%;
}
.amx-listItem.adfmf-listItem-hasStartIcon .adfmf-listItem-upperStartText {
  position: absolute;
  top: 0;
  left: 30px;
  padding: 2px 0 10px 10px;
  margin-right: 0;
  right: 30px;
  width: 45%;
}
.amx-listItem .amx-outputText.adfmf-listItem-upperEndText {
  position: absolute;
  padding: 2px 0 10px 10px;
  top: 0;
  right: 0;
  text-align: right;
  color: #2F6BAC;
  left: 60%;
}
.amx-listItem .amx-outputText.adfmf-listItem-lowerStartText {
  padding: 0 0 1px 10px;
  font-weight: normal;
  font-size: 14px;
  color: #8D8C8C;
  right: 0;
  margin-top: -3px;
  width: 55%;
}
.amx-listItem.adfmf-listItem-hasStartIcon .adfmf-listItem-lowerStartText {
  position: absolute;
  top: 18px;
  left: 30px;
  padding: 4px 0 10px 10px;
  margin-top: 0;
  margin-right: 0;
  right: 30px;
  width: 45%;
}
.amx-listItem .amx-outputText.adfmf-listItem-lowerEndText {
  position: absolute;
  padding: 5px 0 10px 10px;
  top: 18px;
  right:0;
  text-align: right;
  color: #8D8C8C;
  font-weight: normal;
  font-size: 14px;
  left: 60%;
}
.amx-listItem.adfmf-listItem-hasStartIcon.amx-listItem-noLinkIcon .amx-outputText {
  right: 0;
}
.amx-listItem.amx-listItem-noLinkIcon .amx-outputText {
  margin-right: 10px;
}
.amx-listItem.adfmf-listItem-hasStartIcon .adfmf-listItem-lowerEndText,
.amx-listItem.adfmf-listItem-hasStartIcon .adfmf-listItem-upperEndText {
  right: 30px;
}
.amx-listItem.adfmf-listItem-hasStartIcon.amx-listItem-noLinkIcon .adfmf-listItem-mainText,
.amx-listItem.adfmf-listItem-hasStartIcon.amx-listItem-noLinkIcon .adfmf-listItem-endText,
.amx-listItem.adfmf-listItem-hasStartIcon.amx-listItem-noLinkIcon .adfmf-listItem-upperEndText,
.amx-listItem.adfmf-listItem-hasStartIcon.amx-listItem-noLinkIcon .adfmf-listItem-lowerEndText,
.amx-listItem.amx-listItem-noLinkIcon .adfmf-listItem-endText,
.amx-listItem.amx-listItem-noLinkIcon .adfmf-listItem-upperEndText,
.amx-listItem.amx-listItem-noLinkIcon .adfmf-listItem-lowerEndText,
.amx-listItem.adfmf-listItem-hasStartIcon.amx-listItem-noLinkIcon .adfmf-listItem-subText {
  margin-right: 0;
  right: 10px;
}
.amx-listItem .amx-outputText.amx-listItem-lefttext {
  padding: 10px 0 10px 10px;
  margin-right: 0;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  width: 45%;
}
.amx-listItem .amx-outputText.amx-listItem-lefttexticon {
  position:absolute;
  top: 0;
  left: 30px;
  padding: 10px 0 10px 10px;
  margin-right: 0;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  width: 45%;
}
.amx-listItem .amx-outputText.amx-listItem-righttext {
  position: absolute;
  margin-right: 0;
  padding: 10px 0 10px 0;
  top: 0;
  right: 30px;
  text-align: right;
  color: #2F6BAC;
  width: 40%;
}
.amx-listItem .amx-outputText.amx-listItem-righttextnochevron {
  position: absolute;
  margin-right: 0;
  padding: 10px 0 10px 0;
  top: 0;
  right: 10px;
  text-align: right;
  color: #2F6BAC;
  width: 45%;
}
.amx-listItem .amx-outputText.amx-listItem-maintext {
  padding: 1px 0 0 10px;
  font-weight: bold;
  color: #000;
}
.amx-listItem .amx-outputText.amx-listItem-subtext {
  padding: 0 0 1px 10px;
  font-weight: normal;
  font-size: 14px;
  color: #8D8C8C;
}
.amx-listItem .amx-outputText.amx-listItem-upperlefttext {
  padding: 1px 0 0 10px;
  margin-right: 0;
  font-weight: bold;
  color: #000;
  width: 50%;
}
.amx-listItem .amx-outputText.amx-listItem-upperlefttexticon {
  position:absolute;
  top:  0;
  left:  30px;
  padding: 1px 0 0 10px;
  margin-right: 0;
  font-weight: bold;
  color: #000;
  width: 50%;
}
.amx-listItem .amx-outputText.amx-listItem-lowerlefttext {
  padding: 0 0 1px 10px;
  margin-right: 0;
  font-weight: normal;
  font-size: 14px;
  color: #8D8C8C;
  width: 50%;
}
.amx-listItem .amx-outputText.amx-listItem-lowerlefttexticon {
  position:absolute;
  top:  24px;
  left:  30px;
  padding: 0 0 1px 10px;
  margin-right: 0;
  font-weight: normal;
  font-size: 14px;
  color: #8D8C8C;
  width: 50%;
}
.amx-listItem .amx-outputText.amx-listItem-upperrighttext {
  position: absolute;
  margin-right: 0;
  padding: 2px 0 0 0;
  top: 0;
  right: 30px;
  text-align: right;
  color: #8D8C8C;
  font-weight: normal;
  width: 35%;
  font-size: 16px;
}
.amx-listItem .amx-outputText.amx-listItem-upperrighttextnochevron {
  position: absolute;
  margin-right: 0;
  padding: 2px 0 0 0;
  top: 0;
  right: 10px;
  text-align: right;
  color: #8D8C8C;
  font-weight: normal;
  width: 40%;
  font-size: 16px;
}
.amx-listItem .amx-outputText.amx-listItem-lowerrighttext {
  position: absolute;
  margin-right: 0;
  padding: 0 0 1px 0;
  top: 24px;
  right: 30px;
  text-align: right;
  color: #8D8C8C;
  font-weight: normal;
  width: 35%;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: clip;
  overflow: hidden;
}
.amx-listItem .amx-outputText.amx-listItem-lowerrighttextnochevron {
  position: absolute;
  margin-right: 0;
  padding: 0 0 1px 0;
  top: 24px;
  right: 10px;
  text-align: right;
  color: #8D8C8C;
  font-weight: normal;
  width: 40%;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: clip;
  overflow: hidden;
}
/* Stop Deprecated listItem Styles */
.amx-panelSplitter_contentContainer .amx-listItem-moreRows .amx-outputText,
.amx-listItem-moreRows .amx-outputText {
  color: #2f6bac;
}
/* ------ </amx:listView> ------ */
/* ------ <Springboard> ------ */
.adfmf-panelPage-springboard {
  background-color: #2B3540;
}
.adfmf-panelPage-springboard a,
.adfmf-panelPage-springboard .amx-goLink,
.adfmf-panelPage-springboard .amx-commandLink {
  color: #CFCFCF;
}
.adfmf-panelPage-springboard .amx-goLink:active,
.adfmf-panelPage-springboard .amx-commandLink:active {
  color: #2B3540;
  background-color: #FFFFFF;
}
.adfmf-panelPage-springboard .adfmf-goLink-icon.amx-goLink:after {
  content: " ";
  background-image: url(../css/images/amx-android-ltr.png);
  width: 15px;
  height: 15px;
  background-position: -118px -63px;
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  position: relative;
  margin: 0 3px;
  display: inline-block;
}
.adfmf-panelPage-springboard .amx-outputText,
.adfmf-panelPage-springboard .amx-inputText .field-value .readOnlyLabel {
  color: #F8F8F8;
}
.adfmf-panelPage-springboard .field-label {
  opacity: .7;
  color: #CFCFCF;
}
.adfmf-panelPage-springboard .amx-listView-divider .amx-listView-dividerText,
.adfmf-panelPage-springboard .amx-listView-dividerCounterText,
.adfmf-panelPage-springboard .amx-outputText.amx-text-sectiontitle,
.adfmf-panelPage-springboard .amx-inputText .field-value input,
.adfmf-panelPage-springboard .amx-inputText .field-value textarea {
  color: #FFFFFF;
}
.adfmf-panelPage-springboard .amx-inputText .wrap {
  -webkit-border-image: url('../css/images/enabledTextFieldSpringboard.png') 0 5 6 6 repeat;
  border-image: url('../css/images/enabledTextFieldSpringboard.png') 0 5 6 6 fill repeat;
}
.adfmf-panelPage-springboard .amx-panelPage-facet-header > .amx-outputText,
.adfmf-panelPage-springboard .amx-panelPage-facet-footer > .amx-outputText,
.adfmf-panelPage-springboard .amx-panelFormLayout .amx-inputText .field-value input,
.adfmf-panelPage-springboard .amx-panelFormLayout .amx-inputText .field-value textarea,
.adfmf-panelPage-springboard .amx-panelGroupLayout .amx-inputText .field-value input,
.adfmf-panelPage-springboard .amx-panelGroupLayout .amx-inputText .field-value textarea,
.adfmf-panelPage-springboard .amx-panelFormLayout .amx-outputText,
.adfmf-panelPage-springboard .amx-panelGroupLayout .amx-outputText,
.adfmf-panelPage-springboard .amx-panelFormLayout .amx-panelLabelAndMessage,
.adfmf-panelPage-springboard .panelFormLayout .amx-inputText .field-value .readOnlyLabel,
.adfmf-panelPage-springboard .paneGroupLayout .amx-inputText .field-value .readOnlyLabel,
.adfmf-panelPage-springboard .panelFormLayout  .amx-panelLabelAndMessage .amx-inputText .field-value .readOnlyLabel {
  color: #000000;
}
.adfmf-panelPage-springboard .adfmf-panelGroupLayout-groupBox input:disabled, textarea:disabled,
.adfmf-panelPage-springboard .amx-style-groupbox input:disabled, textarea:disabled,
.adfmf-panelPage-springboard .amx-panelFormLayout input:disabled, textarea:disabled {
  opacity: .35;
  color: #BEBEBE;
}
.amx-springboard.amx-listView,
.adfmf-panelPage-springboard .amx-listView {
  background-color: transparent;
}
.adfmf-panelPage-springboard .amx-listView-divider {
  background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #262f37), color-stop(2.44%, #262f37), color-stop(7.74%, #313c46), color-stop(91.5%, #394754), color-stop(97.51%, #4e5a63), color-stop(100%, #4e5a63)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(bottom, #262f37 0%, #262f37
  2.44%, #313c46 7.74%, #394754 91.5%, #4e5a63 97.51%, #4e5a63 100%);
  background-image: linear-gradient(to top, #262f37 0%, #262f37 2.44%, #313c46 7.74%, #394754 91.5%, #4e5a63 97.51%, #4e5a63 100%);
  border: 0;
}
.adfmf-panelPage-springboard .amx-listItem > .amx-outputText {
  color: #CFCFCF;
}
.amx-springboard .amx-listItem,
.adfmf-panelPage-springboard .amx-listItem {
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}
.amx-springboard .amx-listItem:first-child,
.adfmf-panelPage-springboard .amx-listItem:first-child {
  border-top: none;
}
.amx-springboard .amx-listItem:last-child,
.adfmf-panelPage-springboard .amx-listItem:last-child {
  border-bottom: none;
}
.amx-springboard .amx-listItem.amx-listItem-selected {
  background-color: rgba(0, 0, 0, 0.35);
}
/* ------ </Springboard> ------ */
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-page-transitions.css */

.amx-view-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.amx-view-container.transitioning {
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all .25s ease-in-out;
}

.amx-view-container.transitioning-slow {
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all .4s ease-in-out;
}

.amx-view-container.face {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.amx-view-container.face.front.flip {
  /* for when -webkit-backface-visibility is not enabled 
  z-index: -1;
  opacity: 0;
  */
}

.amx-view-container.current,
.amx-view-container.showing {
  z-index: 1;
}
.amx-view-container.new {
  z-index: -5;
  opacity: 0;
}
.amx-view-container.old {
  z-index: -2;
}
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-panelSplitter.css */

/* ------ <amx:panelSplitter> ------ */
.amx-panelPage-content > .amx-panelSplitter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.amx-panelSplitter {
  position: relative;
  overflow: hidden;
  min-width: 55px;
  min-height: 55px;
  margin: 0;
  padding: 0;
  -webkit-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.amx-panelSplitter_inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.amx-panelSplitter_navLandscape {
  z-index: 1000;
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
HTML[dir="ltr"] .amx-panelSplitter_navLandscape {
  -webkit-box-shadow: 4px 0 6px rgba(0,0,0,.55);
  box-shadow: 4px 0 6px rgba(0,0,0,.55);
  left: 0;
}
HTML[dir="rtl"] .amx-panelSplitter_navLandscape {
  -webkit-box-shadow: 4px 0 6px rgba(0,0,0,.55);
  box-shadow: 4px 0 6px rgba(0,0,0,.55);
  right: 0;
}
.amx-panelSplitter_contentContainer.transitioning {
  -webkit-perspective: 2000;
}
.amx-panelSplitter_contentContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: auto;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.amx-panelSplitter_contentContainer .amx-outputText {
  color: black;
}
.amx-panelSplitter_items {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.amx-panelSplitter_button {
  z-index: 1001;
  position: absolute;
  top: 5px;
  -webkit-transition-property: opacity, left, right;
  -webkit-transition-duration: 0.5s, 0.5s;
  -webkit-transition-timing-function: ease-in-out, ease-in-out;
  height: 60px;
  width: 36px;
  box-sizing: border-box;
  background-image: url();
  background-repeat: no-repeat;
}
HTML[dir="ltr"] .amx-panelSplitter_button {
  left: 0;
}
HTML[dir="rtl"] .amx-panelSplitter_button {
  right: 0;
}
.amx-panelSplitter_button.disclosed  {
  background-image: url();
}
.amx-panelSplitter_button.no-animate {
  -webkit-transition-property: none;
}
.amx-panelSplitter_navPortrait {
  z-index: 1002;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transition-property: opacity, left, right;
  -webkit-transition-duration: 0.5s, 0.5s;
  -webkit-transition-timing-function: ease-in-out, ease-in-out;
  overflow: auto;
  z-index: 1000;
  box-sizing: border-box;
  -webkit-box-shadow: 4px 0 6px rgba(0,0,0,.55);
  background-color: #F1F1F1;
}
HTML[dir="ltr"] .amx-panelSplitter_navPortrait {
  left: 0;
}
HTML[dir="rtl"] .amx-panelSplitter_navPortrait {
  right: 0;
}
.amx-panelSplitter_navPortrait.no-animate {
  -webkit-transition-property: none;
}
.amx-panelSplitter_screenPortrait {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
}
.amx-panelItem {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.amx-panelItem.new {
  z-index: -5;
  opacity: 0;
}
.amx-panelItem.old {
  z-index: -2;
}
.amx-panelItem.current,
.amx-panelItem.showing {
  z-index: 1;
}
.amx-panelItem.transitioning {
  -webkit-transition: all .5s ease-in-out;
}
.amx-panelItem.transitioning-slow {
  -webkit-transition: all .7s ease-in-out;
}
.amx-panelItem.face {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.amx-panelItem.face.front.flip {
  /* for when -webkit-backface-visibility is not enabled
  z-index: -1;
  opacity: 0;
  */
}
/* Styles added during v1.1 development are below */
/* When the panelSplitter has a navigator, add extra space on the start side of the content area */
HTML[dir="ltr"] .amx-panelSplitter_contentContainer.amx-portrait {
  left: 20px;
}
HTML[dir="rtl"] .amx-panelSplitter_contentContainer.amx-portrait {
  right: 20px;
}
HTML[dir="ltr"] .amx-panelSplitter_contentContainer.amx-portrait.amx-noNavigation {
  left: 0;
}
HTML[dir="rtl"] .amx-panelSplitter_contentContainer.amx-portrait.amx-noNavigation {
  right: 0;
}
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-panels.css */
/* ------ <amx:panelPage> ------ */
.amx-panelPage {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.amx-panelPage-header {
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 48px;
  background-color: #DDDDDD;
  box-shadow: 0 2px 2px rgba(0,0,0,.2);
  z-index: 1;
}
.amx-panelPage-footer {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 46px;
  display: block;
  background-color: #DDDDDD;
  box-shadow: 0 2px 6px rgba(0,0,0,.75);
  z-index: 1;
}
.amx-panelPage-header-appIcon {
  -webkit-box-ordinal-group: 1;
}
.amx-panelPage-header-primaryIsBack .amx-panelPage-header-appIcon {
  display: none;
}
.amx-panelPage-facet-primary {
  -webkit-box-ordinal-group: 3;
}
.amx-panelPage-header-primaryIsBack .amx-panelPage-facet-primary {
  -webkit-box-ordinal-group: 1;
}
.amx-panelPage-facet-header {
  -webkit-box-ordinal-group: 2;
  -webkit-box-flex: 1;
}
.amx-panelPage-facet-secondary {
  -webkit-box-ordinal-group: 4;
}
.amx-panelPage-content {
  position: relative;
  -webkit-box-flex: 1;
}
.amx-panelPage-header .amx-outputText,
.amx-panelPage-footer .amx-outputText {
  display: block;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: 0;
  padding-top: 13px;
}
.amx-panelPage-footer .amx-outputText {
  display: inline-block;
}
.amx-panelPage-facet-footer {
  padding: 5px 15px;
}
/* This Public Style class is added so that the primary, header and secondary are back to their base styles */
/* We don't need to show the app icon image, thus display none */
.adfmf-panelPage-genericAppearance .amx-panelPage-header {
  display: block;
}
.adfmf-panelPage-genericAppearance .amx-panelPage-header-appIcon {
  display: none;
}
.adfmf-panelPage-genericAppearance .amx-panelPage-facet-primary {
  position: absolute;
  top: 0;
  right: 50%;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.adfmf-panelPage-genericAppearance .amx-panelPage-facet-header {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
}
.adfmf-panelPage-genericAppearance .amx-panelPage-facet-secondary {
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  bottom: 0;
  z-index: 3;
}
/* ------ </amx:panelPage> ------ */

/* ------ <amx:deck> ----- */
.amx-deck {
  position: relative;
}
.amx-deck.amx-stretched > .amx-deck_items,
.amx-deck.amx-stretched > .amx-deck_items > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* ------ </amx:deck> ----- */
/* ------ <amx:panelLabelAndMessage> ------ */
.amx-panelLabelAndMessage .field-value{
  margin: 1px 0 0 0;
}
/* ------ </amx:panelLabelAndMessage> ------ */
/* --------- <amx:panelGroupLayout> --------- */
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox {
  border: 1px solid #c8d7e0;
  background-color: #FFFFFF;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox-selected {
  border: 2px solid #0571cd;
  background-color: #FFFFFF;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-accent1 {
  border: 1px solid #c8c8c8;
  background-color: #f0f0f0;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-accent1-selected {
  border:2px solid #0572ce;
  background-color: #f0f0f0;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-accent2 {
  border: 1px solid #aed8fa;
  background-color: #dae9f5;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-accent2-selected {
  border:2px solid #0572ce;
  background-color: #dae9f5;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox,
.amx-panelGroupLayout.amx-style-groupbox {
  margin: 12px 16px;
  border: solid 1px #C8D7E0;
  background-color: #FFFFFF;
  padding: 10px;
  overflow: auto;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox.amx-wrap,
.amx-panelGroupLayout.amx-style-groupbox.amx-wrap {
  display: block;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox .amx-outputText,
.amx-panelGroupLayout.amx-style-groupbox .amx-outputText {
  font-size: 18px;
  color: black;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox .field-label,
.amx-panelGroupLayout.amx-style-groupbox .field-label {
  color: #2F6BAC;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox .field-value,
.amx-panelGroupLayout.amx-style-groupbox .field-value {
  padding-top: 0;
  padding-bottom: 0;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox .amx-inputText .field-value .wrap,
.amx-panelGroupLayout.amx-style-groupbox .amx-inputText .field-value .wrap {
  padding: 0;
}
.amx-panelGroupLayout > table {
  border-spacing: 0;
}
.amx-panelGroupLayout td {
  padding: 0;
}
.amx-panelGroupLayout.amx-wrap > .amx-panelGroupLayout {
  display: inline-block;
}
/* --------- </amx:panelGroupLayout> --------- */
/* --------- <amx:panelFormLayout> --------- */
/* PFL Generic Styles */
.amx-panelFormLayout {
  margin: 12px 16px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #C8D7E0;
  background: #FFFFFF;
}
.amx-panelFormLayout.amx-label-position-start .field-label,
.amx-panelFormLayout.amx-label-position-topStart .field-label {
  text-align: start;
}
.amx-panelFormLayout.amx-label-position-center .field-label,
.amx-panelFormLayout.amx-label-position-topCenter .field-label {
  text-align: center;
}
.amx-panelFormLayout.amx-label-position-end .field-label,
.amx-panelFormLayout.amx-label-position-topEnd .field-label {
  text-align: end;
}
.amx-panelFormLayout.amx-field-halign-start .field-value {
  text-align: start;
}
.amx-panelFormLayout.amx-field-halign-center .field-value {
  text-align: center;
}
.amx-panelFormLayout.amx-field-halign-end .field-value {
  text-align: end;
}
HTML[dir="ltr"] .amx-panelFormLayout.amx-layout-one-row .amx-panelFormLayout_sizing > .field-label,
HTML[dir="ltr"] .amx-panelFormLayout.amx-layout-one-row .amx-panelFormLayout_sizing > .field-value,
HTML[dir="rtl"] .amx-panelFormLayout.amx-layout-one-row .amx-panelFormLayout_sizing > .field-label,
HTML[dir="rtl"] .amx-panelFormLayout.amx-layout-one-row .amx-panelFormLayout_sizing > .field-value {
  padding: 0;
}

.amx-panelFormLayout .field .field-label {
  float: none;
  color: #3A3A3A;
  white-space: normal;
  word-break: initial;
  text-overflow: ellipsis;
  overflow: hidden;
}
.amx-panelFormLayout .field .field-value {
  float: none;
  color: #000000;
  font-weight: normal;
  white-space: normal;
  word-break: initial;
  text-overflow: ellipsis;
  overflow: hidden;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox .field .field-label,
.amx-panelGroupLayout.amx-style-groupbox .field .field-label {
  color: #2f6bac;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox .field .field-value,
.amx-panelGroupLayout.amx-style-groupbox .field .field-value {
  float: none;
  color: #000000;
}
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox .amx-goLink,
.amx-panelGroupLayout.adfmf-panelGroupLayout-groupBox .amx-commandLink,
.amx-panelGroupLayout.amx-style-groupbox .amx-outputText,
.amx-panelGroupLayout.amx-style-groupbox .amx-goLink,
.amx-panelGroupLayout.amx-style-groupbox .amx-commandLink,
.amx-panelFormLayout .field-value > .amx-goLink,
.amx-panelFormLayout .field-value > .amx-commandLink {
  font-size: 17px;
}
.amx-panelFormLayout .field-value > .amx-goLink:after,
.amx-panelFormLayout .field-value > .amx-commandLink:after {
  content: ' ';
  background-repeat: no-repeat;
  width: 17px; /* 9 for the image width plus 8 padding */
  height: 13px;
  margin-top: 5px;
  -webkit-background-size: 9px 13px; /* actual size is 18x26 */
}
/* PFL One Row Layout Styles */
.amx-panelFormLayout.amx-layout-one-row > .amx-panelFormLayout_body {
  width: 100%;
  table-layout: fixed;
  display: table;
  border-spacing: 0px;
}
.amx-panelFormLayout.amx-layout-one-row > .amx-panelFormLayout_body > * {
  display: table-row;
}
.amx-panelFormLayout.amx-layout-one-row > .amx-panelFormLayout_body > * > * {
  display: table-cell;
}
.amx-panelFormLayout.amx-layout-one-row > .amx-panelFormLayout_body > *:first-child > *,
.amx-panelFormLayout.amx-layout-one-row > .amx-panelFormLayout_body > *:nth-child(2) > * {
  border-top: none;
}
.amx-panelFormLayout.amx-layout-one-row > .amx-panelFormLayout_body > * > * {
  border-top: solid 1px #d5dfe5;
}
.amx-panelFormLayout.amx-layout-one-row .field-label {
  margin: 0;
  width: 33%;
}
HTML[dir=ltr] .amx-panelFormLayout.amx-layout-one-row .field-label {
  padding: 12px 5px 12px 8px;
}
HTML[dir=rtl] .amx-panelFormLayout.amx-layout-one-row .field-label {
  padding: 12px 8px 12px 5px;
}
.amx-panelFormLayout.amx-layout-one-row .field-value {
  margin: 0;
}
HTML[dir=ltr] .amx-panelFormLayout.amx-layout-one-row .field-value {
  padding: 12px 8px 12px 5px;
}
HTML[dir=rtl] .amx-panelFormLayout.amx-layout-one-row .field-value {
  padding: 12px 5px 12px 8px;
}

/* PFL Separate Row Layout Styles */
.amx-panelFormLayout.amx-layout-separate-rows > .amx-panelFormLayout_body,
.amx-panelFormLayout.amx-layout-separate-rows > .amx-panelFormLayout_body > * ,
.amx-panelFormLayout.amx-layout-separate-rows > .amx-panelFormLayout_body > * > * {
  display: block;
}
.amx-panelFormLayout.amx-layout-separate-rows > .amx-panelFormLayout_body > *:first-child {
  border-top: none;
}
.amx-panelFormLayout.amx-layout-separate-rows > .amx-panelFormLayout_body > * {
  border-top: solid 1px #d5dfe5;
}
.amx-panelFormLayout.amx-layout-separate-rows .field-label {
  padding: 8px 10px 0 8px;
  line-height: 24px;
}
.amx-panelFormLayout.amx-layout-separate-rows .field-value {
  padding: 0 8px 10px 8px;
  line-height: 24px;
}
/* --------- </amx:panelFormLayout> --------- */

/* Styles added during v1.1 development are below */

/* --------- <amx:panelStretchLayout> --------- */

.amx-panelStretchLayout {
  display:-webkit-box;
  -webkit-box-orient: vertical;
}
.amx-panelStretchLayout > * {
  -webkit-align-self: stretch;
}
.amx-panelStretchLayout > *:nth-child(2) {
  -webkit-box-flex: 1;
  position: relative;
}
.amx-panelStretchLayout_center {
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0;
  overflow: hidden;
}
.amx-panelStretchLayout_top {
}
.amx-panelStretchLayout_bottom {
}

/* --------- </amx:panelStretchLayout> --------- */

/* Use solid borders instead of a beveled border design. */
.amx-tableLayout > TABLE,
.amx-cellFormat {
  border-style: solid;
}
.amx-tableLayout > TABLE[cellspacing="0"] {
  border-collapse: collapse;
}
/* Google Chrome has a bug where table and cell borders still show up when border is set to zero */
.amx-tableLayout > TABLE[border="0"],
.amx-tableLayout > TABLE[border="0"] > TR > .amx-cellFormat {
  border-style: none;
}
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-popup.css */

/* --------- <amx:popup> --------- */
.popupTransparentScreen {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  -webkit-tap-highlight-color: transparent;
  opacity: 0.5;
  background-color: #000000;
   /* Bug 17538008 - BLACK RECTANGLES IN POP-UPS WHEN HARDWARE ACCELERATION IS ON  */
  border:1px solid rgba(128,128,128,0.004);
}
.amx-popup {
  position: absolute;
  padding: 10px;
  -webkit-box-shadow: 0 0 18px 3px rgba(0,0,0,.25);
  z-index: 1000;
  overflow: auto;
  border: 1px solid #B5B4B4;
  -webkit-border-radius: 3px;
  background-color: #E9E9E9;
}
.amx-popup .amx-outputText {
  font-size: 14px;
  color: #212121;
  font-family: Arial;
}
.amx-popup-animate-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.amx-popup.transitioning {
  -webkit-transition: all .25s ease-in-out;
}
.amx-popup.popup-holder {
  display: none;
}
.amx-popup-anchor {
  pointer-events: none;
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  z-index: 1001;
}
.amx-popup-anchor-top-left {
  background-image: url(../css/images/alta-popup-anchor-tl.png);
  left: -11px;
  top: -13px;
  width: 53px;
  height: 53px;
  -webkit-background-size: 53px 53px;
}
.amx-popup-anchor-top {
  background-image: url(../css/images/alta-popup-anchor-t.png);
  margin-left: -22px;
  left: 50%;
  top: -18px;
  width: 44px;
  height: 19px;
  -webkit-background-size: 44px 19px;
}
.amx-popup-anchor-top-right {
  background-image: url(../css/images/alta-popup-anchor-tr.png);
  right: -11px;
  top: -13px;
  width: 53px;
  height: 53px;
  -webkit-background-size: 53px 53px;
}
.amx-popup-anchor-left {
  background-image: url(../css/images/alta-popup-anchor-l.png);
  margin-top: -18px;
  top: 50%;
  left: -18px;
  width: 19px;
  height: 44px;
  -webkit-background-size: 19px 44px;
}
.amx-popup-anchor-right {
  background-image: url(../css/images/alta-popup-anchor-r.png);
  margin-top: -22px;
  top: 50%;
  right: -18px;
  width: 19px;
  height: 44px;
  -webkit-background-size: 19px 44px;
}
.amx-popup-anchor-bottom-left {
  background-image: url(../css/images/alta-popup-anchor-bl.png);
  left: -11px;
  bottom: -13px;
  width: 53px;
  height: 53px;
  -webkit-background-size: 53px 53px;
}
.amx-popup-anchor-bottom {
  background-image: url(../css/images/alta-popup-anchor-b.png);
  margin-left: -22px;
  left: 50%;
  bottom: -18px;
  width: 44px;
  height: 19px;
  -webkit-background-size: 44px 19px;
}
.amx-popup-anchor-bottom-right {
  background-image: url(../css/images/alta-popup-anchor-br.png);
  right: -11px;
  bottom: -13px;
  width: 53px;
  height: 53px;
  -webkit-background-size: 53px 53px;
}
/* adfmf public popup/outputText style class: This style class adds a horizontal divide between title text (outputText) and the content underneath */
.amx-popup .amx-outputText.adfmf-outputText-titleBar {
  display: block;
  border-bottom: 3px solid #0571CD; /*TODO: horizontal bar doesn't span the whole width */
  margin-bottom: 16px;
  padding-bottom: 8px; 
  font-size: 17px;
  font-family: Arial;
  color: #212121;
}
/* --------- </amx:popup> --------- */
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-selects.css */

/* --------- <amx:selectBooleanSwitch> --------- */
.amx-selectBooleanSwitch {
  min-height: 21px;
}
.amx-selectOneChoice.amx-readOnly .field-value,
.amx-selectManyChoice.amx-readOnly .field-value,
.amx-selectManyCheckbox.amx-readOnly .field-value,
.amx-selectOneButton.amx-readOnly .field-value,
.amx-selectBooleanCheckbox.amx-readOnly .field-value,
.amx-selectBooleanSwitch.amx-readOnly .field-value,
.amx-selectOneRadio.amx-readOnly .field-value,
.amx-inputDate.amx-readOnly .field-value {
  color: #000000;
  font-size: 17px;
  font-weight: normal;
}
HTML[dir="ltr"] .amx-selectOneChoice.amx-readOnly .field-value,
HTML[dir="ltr"] .amx-selectManyChoice.amx-readOnly .field-value,
HTML[dir="ltr"] .amx-selectManyCheckbox.amx-readOnly .field-value,
HTML[dir="ltr"] .amx-selectOneButton.amx-readOnly .field-value,
HTML[dir="ltr"] .amx-selectBooleanCheckbox.amx-readOnly .field-value,
HTML[dir="ltr"] .amx-selectBooleanSwitch.amx-readOnly .field-value,
HTML[dir="ltr"] .amx-selectOneRadio.amx-readOnly .field-value,
HTML[dir="ltr"] .amx-inputDate.amx-readOnly .field-value {
  padding: 12px 10px 12px 5px;
}
HTML[dir="rtl"] .amx-selectOneChoice.amx-readOnly .field-value,
HTML[dir="rtl"] .amx-selectManyChoice.amx-readOnly .field-value,
HTML[dir="rtl"] .amx-selectManyCheckbox.amx-readOnly .field-value,
HTML[dir="rtl"] .amx-selectOneButton.amx-readOnly .field-value,
HTML[dir="rtl"] .amx-selectBooleanCheckbox.amx-readOnly .field-value,
HTML[dir="rtl"] .amx-selectBooleanSwitch.amx-readOnly .field-value,
HTML[dir="rtl"] .amx-selectOneRadio.amx-readOnly .field-value,
HTML[dir="rtl"] .amx-inputDate.amx-readOnly .field-value {
  padding: 12px 10px 12px 5px;
}
.amx-selectBooleanSwitch.amx-readOnly .field-value .readOnlyLabel {
  padding: 0;
  text-transform: none;
}
.amx-panelFormLayout .amx-selectOneChoice.amx-readOnly .field-value,
.amx-panelFormLayout .amx-selectManyChoice.amx-readOnly .field-value,
.amx-panelFormLayout .amx-selectManyCheckbox.amx-readOnly .field-value,
.amx-panelFormLayout .amx-selectOneButton.amx-readOnly .field-value,
.amx-panelFormLayout .amx-selectBooleanCheckbox.amx-readOnly .checkbox-text,
.amx-panelFormLayout .amx-selectBooleanSwitch.amx-readOnly .field-value,
.amx-panelFormLayout .amx-inputDate.amx-readOnly .field-value,
.amx-panelFormLayout .amx-selectOneRadio.amx-readOnly .field-value,
.adfmf-panelGroupLayout-groupBox .amx-selectOneChoice.amx-readOnly .field-value,
.adfmf-panelGroupLayout-groupBox .amx-selectManyChoice.amx-readOnly .field-value,
.adfmf-panelGroupLayout-groupBox .amx-selectManyCheckbox.amx-readOnly .field-value,
.adfmf-panelGroupLayout-groupBox .amx-selectOneButton.amx-readOnly .field-value,
.adfmf-panelGroupLayout-groupBox .amx-selectBooleanCheckbox.amx-readOnly .checkbox-text,
.adfmf-panelGroupLayout-groupBox .amx-selectBooleanSwitch.amx-readOnly .field-value,
.adfmf-panelGroupLayout-groupBox .amx-inputDate.amx-readOnly .field-value,
.adfmf-panelGroupLayout-groupBox .amx-selectOneRadio.amx-readOnly .field-value {
  color: #000000;
}
.amx-selectBooleanSwitch .switch {
  display: inline-block;
  position: relative;
  width: 86px;
  height: 21px;
  margin-bottom: -5px;
  -webkit-border-radius: 1px;
  background-color: #b3b3b3;
  text-transform: uppercase;
}
.amx-label-position-topCenter .amx-selectBooleanSwitch .switch > label,
.amx-label-position-topStart .amx-selectBooleanSwitch .switch > label,
.amx-label-position-topEnd .amx-selectBooleanSwitch .switch > label {
  padding-top: 0;
  vertical-align: middle;
  line-height: 21px;
}
.amx-selectBooleanSwitch .switch > label {
  position: absolute;
  font-size: 14px;
  font-weight: normal;
}
.amx-selectBooleanSwitch .switch > .label-on {
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  color: #FFFFFF;
  text-overflow: ellipsis;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #025296), color-stop(1.49%, #025296), color-stop(5.49%, #0571cd), color-stop(95%, #0571cd), color-stop(99.24%, #b6ddfe), color-stop(100%, #b6ddfe)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #025296 0%, #025296 1.49%, #0571cd 5.49%, #0571cd 95%, #b6ddfe 99.24%, #b6ddfe 100%);
  background-image: linear-gradient(0deg, #025296 0%, #025296 1.49%, #0571cd 5.49%, #0571cd 95%, #b6ddfe 99.24%, #b6ddfe 100%);
  bottom: 0;
  top: 0;
  padding-top: 2px;
  border-radius: 1px;
}
HTML[dir="ltr"] .amx-selectBooleanSwitch .switch > .label-on {
  right: 0;
  left: 50%;
}
HTML[dir="rtl"] .amx-selectBooleanSwitch .switch > .label-on {
  right: 50%;
  left: 0;
}
.amx-selectBooleanSwitch .switch > .label-off {
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #7A7979), color-stop(3.25%, #7A7979), color-stop(5%, #CFCFCF), color-stop(95.51%, #CFCFCF), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
  padding-top: 2px;
  top: 0;
  bottom: 0;
  border-radius: 1px;
}
HTML[dir="ltr"] .amx-selectBooleanSwitch .switch > .label-off {
  right: 50%;
  left: 0;
}
HTML[dir="rtl"] .amx-selectBooleanSwitch .switch > .label-off {
  right: 0;
  left: 50%;
}
.amx-selectBooleanSwitch .switch-button {
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-border-radius: 1px;
  background-color: #B3B3B3;
}
.amx-selectBooleanSwitch .switch:active > .label-off,
.amx-selectBooleanSwitch .switch:active > .label-on {
  background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #0369BF), color-stop(1.49%, #0369BF), color-stop(5.49%, #35BFF1), color-stop(95%, #35BFF1), color-stop(99.24%, #C3E2FD), color-stop(100%, #C3E2FD)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(bottom, #0369BF 0%, #0369BF 1.49%, #35BFF1 5.49%, #35BFF1 95%, #C3E2FD 99.24%, #C3E2FD 100%);
  background-image: linear-gradient(to top, #0369BF 0%, #0369BF 1.49%, #35BFF1 5.49%, #35BFF1 95%, #C3E2FD 99.24%, #C3E2FD 100%);
  color: #000000;
}
HTML[dir="ltr"] .amx-selectBooleanSwitch.off .switch-button {
  right: -1px;
  left: 50%;
}
HTML[dir="rtl"] .amx-selectBooleanSwitch.off .switch-button {
  right: 50%;
  left: -1px;
}
HTML[dir="ltr"] .amx-selectBooleanSwitch.on .switch-button {
  right: 50%;
  left: 0;
}
HTML[dir="rtl"] .amx-selectBooleanSwitch.on .switch-button {
  left: 50%;
  right: 0;
}
.amx-selectBooleanSwitch.amx-disabled {
  opacity: 0.50;
  pointer-events: none;
}
/* --------- </amx:selectBooleanSwitch> --------- */

/* --------- <amx:selectBooleanCheckbox> --------- */
.amx-selectBooleanCheckbox .checkbox {
  display: inline-block;
  border-radius: 1px;
  height: 12px;
  width: 12px;
  top: 2px;
  position: relative;
  border: 1px solid #A1A1A1;
  background-color: transparent;
}
.amx-panelFormLayout .amx-selectBooleanCheckbox:active,
.amx-panelGroupLayout .amx-selectBooleanCheckbox:active {
  background-color: #35BFF1;
}
.amx-selectBooleanCheckbox:active .checkbox:before {
  content: " ";
  background-image: url(../css/images/amx-android-ltr.png);
  display: inline-block;
  border-radius: 1px;
  height: 30px;
  width: 26px;
  bottom: 9px;
  right: 7px;
  position: relative;
  background-position: -123px -144px;
  -webkit-background-size: 299px 180px;
  z-index: 0;
}
.amx-selectBooleanCheckbox .checkbox-text {
  display: inline-block;
  color: #000000;
  margin: 10px;
  font-weight: bold;
}
HTML[dir="ltr"] .amx-selectBooleanCheckbox .checkbox .img-check {
  width: 25px;
  height: 16px;
  background-image: url(../css/images/amx-android-ltr.png);
  background-position: -30px -39px;
  -webkit-background-size: 299px 180px;
  position: relative;
  bottom: 7px;
}
HTML[dir="ltr"]  .amx-selectBooleanCheckbox.on:active .img-check {
  position: relative;
  background-position: -55px -39px;
  bottom: 42px;
  z-index: 1;
}
.amx-selectBooleanCheckbox.amx-readOnly .checkbox {
  display: none;
}
.amx-selectBooleanCheckbox.amx-readOnly .checkbox .img-check {
  background-position: -32px 0;
}
.amx-selectBooleanCheckbox.amx-readOnly.off .checkbox {
  display: none;
}
.amx-selectBooleanCheckbox.off .checkbox .img-check {
  display: none;
}
.amx-selectBooleanCheckbox.amx-disabled {
  opacity: 0.50;
  pointer-events: none;
}
/* --------- </amx:selectBooleanCheckbox> --------- */

/* --------- <amx:selectOneButton> --------- */
.amx-selectOneButton .selectItemsContainer {
  overflow: visible;
}
.amx-selectOneButton .selectItemsContainer .amx-selectItem {
  -webkit-box-sizing: border-box;
  padding: 6px 0;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  color: #393939;
  font-size: 18px;
  font-weight: normal;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #7A7979), color-stop(3.25%, #7A7979), color-stop(5%, #CFCFCF), color-stop(95.51%, #CFCFCF), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.13);
  box-shadow: 0 1px 0 rgba(0,0,0,.13);
  position: relative;
}
.amx-selectOneButton.adfmf-selectOneButton-tabStyle .amx-selectItem:after {
  content: " ";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: rgba(0,0,0,.2);
  right: 0;
  position: absolute;
}
.amx-selectOneButton.adfmf-selectOneButton-tabStyle.vertical .amx-selectItem:after {
  display: none;
  content: "";
}
HTML[dir="ltr"] .adfmf-selectOneButton-tabStyle.vertical .amx-selectItem.amx-selected:before,
.amx-selectOneButton.adfmf-selectOneButton-tabStyle.vertical .amx-selectItem:active:before {
  content: " ";
  display: inline-block;
  height: 24px;
  width: 10px;
  background-color: #0572CE;
  left: -5px;
  position: absolute;
}

HTML[dir="ltr"] .adfmf-selectOneButton-tabStyle.vertical .amx-selectItem:last-child {
  border-bottom: none;
}
.amx-selectOneButton.adfmf-selectOneButton-tabStyle .amx-selectItem:last-child:after {
  display: none;
}
.amx-selectOneButton .amx-selectItem.amx-selected {
  background-image: none;
  color: #333333;
  -webkit-box-shadow: none;
  font-weight: bold;
}
.amx-selectOneButton.adfmf-selectOneButton-tabStyle .amx-selectItem:active {
  background-image: none;
  color: #333333;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-box-shadow: none;
  font-weight: bold;
  background-color: rgba(117,167,224,.6);
  border-bottom: 6px solid #0572CE;
}
.amx-selectOneButton.adfmf-selectOneButton-tabStyle .amx-selectItem.amx-selected {
  background-image: none;
  color: #333333;
  -webkit-box-shadow: none;
  font-weight: bold;
  border-bottom: 6px solid #0572CE;
}
.amx-selectOneButton.adfmf-selectOneButton-tabStyle .amx-selectItem {
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  top: 3px;
  background-image: none;
  -webkit-box-shadow: none;
}
HTML[dir="ltr"] .amx-selectOneButton .amx-selectItem {
  float: left;
  border-left: none;
}
HTML[dir="rtl"] .amx-selectOneButton .amx-selectItem {
  float: right;
  border-right: none;
}
.amx-selectOneButton  .amx-selectItem.amx-selected {
  font-weight: normal;
  color: #FFFFFF;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.13);
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #025296), color-stop(1.49%, #025296), color-stop(5.49%, #0571CD), color-stop(95%, #0571CD), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #025296 0%, #025296 1.49%, #0571CD 5.49%, #0571CD 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #025296 0%, #025296 1.49%, #0571CD 5.49%, #0571CD 95%, #FFFFFF 99.24%, #FFFFFF 100%);
}
.amx-selectOneButton.vertical.adfmf-selectOneButton-tabStyle .amx-selectItem.amx-selected {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #333333;
  -webkit-box-shadow: none;
  background-image: none;
}
.amx-selectOneButton.amx-disabled {
  opacity: 0.50;
  pointer-events: none;
}
/* layout vertical (both directions declared identically due to selector specificity requirements) */
HTML[dir="ltr"] .amx-selectOneButton.vertical .amx-selectItem,
HTML[dir="rtl"] .amx-selectOneButton.vertical .amx-selectItem {
  float: none;
  border-top: none;
  border-right: none;
  border-bottom: solid 1px rgba(0,0,0,.2);
  border-left: none;
  text-align: center;
}
/* --------- </amx:selectOneButton> --------- */

/* --------- <amx:selectOneRadio> --------- */
.amx-selectOneRadio .field-label {
  vertical-align: top;
}
.amx-selectOneRadio .field-value {
  font-size: 17px;
}
.amx-selectOneRadio.amx-readOnly .field-label {
  vertical-align: middle;
}
.amx-selectOneRadio .selectItemsContainer {
  margin: 2px 0;
  border: solid 1px #D5DFE5;
  background: #F5FBFD;
}
.amx-selectOneRadio .selectItemsContainer .amx-selectItem {
  padding: 10px;
  border-top: 1px solid #BBBBBB;
  font-weight: bold;
  color: #000;
}
HTML[dir="ltr"] .amx-selectOneRadio .selectItemsContainer .amx-selectItem {
  text-align: left;
}
HTML[dir="rtl"] .amx-selectOneRadio .selectItemsContainer .amx-selectItem {
  text-align: right;
}
.amx-selectOneRadio .selectItemsContainer .amx-selectItem:first-child {
  border-top: none;
}
.amx-selectOneRadio .selectItemsContainer .amx-selectItem:active {
  background-color: #35BFF1;
  color: #000000;
}
.amx-selectOneRadio .amx-selectItem .checkmark {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 8px;
  border: 1px solid #3D3D3D;
  position: relative;
  top: 2px;
  right: 1px;
  opacity: .5
}
HTML[dir="ltr"] .amx-selectOneRadio .amx-selectItem .checkmark {
  float: right;
}
HTML[dir="rtl"] .amx-selectOneRadio .amx-selectItem .checkmark {
  float: left;
}
.amx-selectOneRadio .amx-selectItem.amx-selected .checkmark {
  background-image: url(../css/images/amx-android-ltr.png);
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  background-position: -212px -116px;
  width: 20px;
  height: 20px;
  border: none;
  right: 0;
  opacity: 1;
}
.amx-selectOneRadio .amx-selectItem:active .checkmark,
.amx-selectOneRadio .amx-selectItem.amx-selected:active .checkmark {
  background-image: url(../css/images/amx-android-ltr.png);
  background-repeat: no-repeat;
  -webkit-background-size: 299px 180px;
  background-position: -182px -145px;
  position: relative;
  width: 33px;
  height: 34px;
  border: none;
  left: 7px;
  top: -5px;
  opacity: 1;
}
HTML[dir="ltr"] .amx-selectOneRadio .amx-selectItem.amx-selected .checkmark {
  background-image: url(../css/images/amx-android-ltr.png);
}
HTML[dir="rtl"] .amx-selectOneRadio .amx-selectItem.amx-selected .checkmark {
  background-image: url(../css/images/amx-android-rtl.png);
}
.amx-selectOneRadio.amx-disabled {
  opacity:0.50;
  pointer-events: none;
}
/* --------- </amx:selectOneRadio> --------- */
/* --------- <amx:selectManyCheckbox> --------- */
.amx-selectManyCheckbox {
  font-size: 17px;
}
.amx-selectManyCheckbox .selectItemsContainer {
  margin: 2px 0;
  border: solid 1px #D5DFE5;
  border-radius: 1px;
  background: #F5FBFD;
}
.amx-selectManyCheckbox .field-label {
  vertical-align: top;
  position: relative;
}
.amx-selectManyCheckbox.amx-readOnly .field-label {
  vertical-align: middle;
}
.amx-selectManyCheckbox .selectItemsContainer .amx-selectItem {
  position: relative;
  padding: 8px 8px 8px 0;
  border-left: none;
  color: #969696;
}
.amx-selectManyCheckbox .selectItemsContainer .amx-selectItem {
  border-top: 1px solid #BBBBBB;
  text-align: center;
  font-weight: bold;
}
.amx-selectManyCheckbox .selectItemsContainer .amx-selectItem:first-child {
  border-top: none;
}
.amx-selectManyCheckbox .selectItemsContainer .amx-selectItem:active {
  background-color: #35BFF1;
}
.amx-selectManyCheckbox .amx-selectItem:active .checkbox:before {
  content: " ";
  background-image: url(../css/images/amx-android-ltr.png);
  display: inline-block;
  border-radius: 1px;
  height: 30px;
  width: 26px;
  bottom: 9px;
  right: 7px;
  position: relative;
  background-position: -123px -144px;
  -webkit-background-size: 299px 180px;
  z-index: 0;
}
.amx-selectManyCheckbox .checkbox {
  -webkit-border-radius: 1px;
  height: 12px;
  width: 12px;
  top: 4px;
  position: relative;
  border: 1px solid #A1A1A1;
}
HTML[dir="ltr"] .amx-selectManyCheckbox .checkbox {
  float: left;
}
HTML[dir="rtl"] .amx-selectManyCheckbox .checkbox {
  float: right;
}
HTML[dir="ltr"] .amx-selectManyCheckbox .amx-selected .checkbox .img-check {
  width: 25px;
  height: 16px;
  margin: -4px 0 0 -1px;
  background-image: url(../css/images/amx-android-ltr.png);
  background-repeat: no-repeat;
  background-position: -30px -42px;
  -webkit-background-size: 299px 180px;
}
HTML[dir="ltr"] .amx-selectManyCheckbox .amx-selected:active .checkbox .img-check {
  background-position: -55px -42px;
  position: relative;
  bottom: 35px;
}
HTML[dir="rtl"] .amx-selectManyCheckbox .img-check {
  margin: 4px -4px 0 0;
  background-image: url(../css/images/amx-android-rtl.png);
  background-repeat: no-repeat;
  background-position: -56px -42px;
}
.amx-selectManyCheckbox .checkbox-text {
  font-weight: bold;
  color: #000000;
}
.amc-selectManyCheckbox:active {
  -webkit-box-shadow: 0 0 6px #44a8fb;
  background-color:  #35BFF1;
}
HTML[dir="ltr"] .amx-selectManyCheckbox .checkbox-text {
  margin: 2px 0 0 40px;
  text-align: left;
}
HTML[dir="rtl"] .amx-selectManyCheckbox .checkbox-text {
  margin: 2px 40px 0 0;
  text-align: right;
}
.amx-selectManyCheckbox.amx-readOnly .readOnlyLabel {
  display: block;
  border-width: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #000000;
  font-size: 17px;
  font-weight: bold;
  text-overflow: ellipsis;
  position: relative;
  top: -1px;
}
.amx-selectManyCheckbox .amx-selectItem:not(.amx-selected).checkbox .img-check {
  display: none;
}
.amx-selectManyCheckbox.amx-disabled {
  opacity: 0.50;
  pointer-events: none;
}
/* --------- </amx:selectManyCheckbox> --------- */

/* --------- <amx:selectOneChoice> --------- */
.amx-selectOneChoice .selectItemsContainer,
.amx-selectManyChoice .selectItemsContainer {
  display: block;
  width: 100%;
  margin: 0;
  font-family: Arial;
  font-size: 13.5px;
  font-weight: normal;
}
.amx-selectOneChoice .selectItemsContainer:active
.amx-selectManyChoice .selectItemsContainer:active {
  background-color: #35BFF1;
} 
.amx-selectOneChoice.amx-readOnly .selectItemsContainer,
.amx-selectManyChoice.amx-readOnly .selectItemsContainer {
  padding: 4px 0 4px 0;
  border-width: 0;
  font-weight: bold;
  font-size: 17px;
}
.amx-panelFormLayout .amx-selectOneChoice.amx-readOnly .selectItemsContainer,
.amx-panelFormLayout .amx-selectManyChoice.amx-readOnly .selectItemsContainer,
.amx-panelGroupLayout .amx-selectOneChoice.amx-readOnly .selectItemsContainer,
.amx-panelGroupLayout .amx-selectManyChoice.amx-readOnly .selectItemsContainer,
.amx-panelFormLayout .amx-selectManyCheckbox .readOnlyLabel,
.amx-panelGroupLayout .amx-selectManyCheckbox .readOnlyLabel {
  color: #000000;
}
.amx-selectManyChoice.amx-disabled,
.amx-selectOneChoice.amx-disabled {
  opacity: 0.50;
  pointer-events: none;
}
/* --------- </amx:selectOneChoice> --------- */
/* --------- <amx:selectManyChoice> --------- */
.amx-selectManyChoice-root {
  background-image: -webkit-gradient(linear, left center, right center, color-stop(0%, #FFFFFF), color-stop(88.26%, #FFFFFF), color-stop(88.27%, #D5D5D5), color-stop(100%, #D5D5D5)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 88.26%, #D5D5D5 88.27%, #D5D5D5 100%);
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 88.26%, #D5D5D5 88.27%, #D5D5D5 100%);
  height: 25px;
  border-radius: 2px;
  width: 175px;
  border: 2px solid #C1C1C1;
  overflow: hidden;
  text-align: start;
}
.amx-selectManyChoice-root:focus,
.amx-selectManyChoice-root:active {
  background-image: -webkit-gradient(linear, left center, right center, color-stop(0%, #35BFF1), color-stop(90.99%, #35BFF1), color-stop(91.75%, #35BFF1), color-stop(100%, #35BFF1)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(left, #35BFF1 0%, #35BFF1 90.99%, #35BFF1 91.75%, #35BFF1 100%);
  background-image: linear-gradient(to right, #35BFF1 0%, #35BFF1 90.99%, #35BFF1 91.75%, #35BFF1 100%);
}
.amx-selectManyChoice-root-readOnly {
  height: 24px;
  width: 190px;
  overflow: hidden;
}
.amx-selectManyChoice-text {
  color: #000000;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: top;
  font-size: 13.5px;
  font-family: Arial;
  font-weight: normal;
  overflow: hidden;
  width: 135px;
  display: inline-block;
  text-overflow: ellipsis;
}
.amx-selectManyChoice-text-readOnly {
  color: #000000;
  line-height: 25px;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: top;
  font-size: 13.5px;
  font-family: Arial;
  font-weight: normal;
  overflow: hidden;
  width: 135px;
  display: inline-block;
  text-overflow: ellipsis;
}
.amx-selectManyChoice-disabled {
  opacity:.5;
}
.amx-selectManyChoice-iconStyle {
  position: relative;
  display: inline-block;
  background-image: url(../css/images/amx-android-ltr.png);
  -webkit-background-size: 299px 180px;
  background-repeat: no-repeat;
  background-position: -38px -69px;
  width: 20px;
  bottom: 20px;
  height: 22px;
  left: 159px;
  color: transparent;
}
.amx-selectManyChoice-iconWrapper {
  text-align: center;
  height: 25px;
  width: 25px;
  display: inline-block;
}
.amx-selectManyChoice-iconWrapper {
  border-radius: 2px;
}
.amx-selectManyChoice-picker-label {
  position: relative;
  color: #000000;
  font-size: 13.5px;
  font-family: Arial;
  font-weight: normal;
  height: 25px;
  top: -5px;
  padding-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  border-bottom: 2px solid #0572CE;
  margin-bottom: 32px;
}
.amx-selectManyChoice-picker-wrapper {
  position: relative;
  width: 210px;
  height: 260px;
  margin-left: auto;
  margin-right: auto;
  background-color: #E9E9E9;
  border: 1px solid #B5B4B4;
  border-radius: 3px;
  box-shadow: 2px 2px 11px 11px rgba(0,0,0,.25);
  -webkit-box-shadow: 2px 2px 11px 11px rgba(0,0,0,.25);
  z-index: 102;
  top: 40px;
}
.amx-selectManyChoice-picker-item {
  position: relative;
  font-family: Arial;
  white-space: nowrap;
  border: 1px solid #BBBBBB;
  text-align: center;
  font-weight: bold;
}
.amx-selectManyChoice-picker-item:active {
  background-image: -webkit-gradient(linear, left center, right center, color-stop(0%, #35BFF1), color-stop(90.99%, #35BFF1), color-stop(91.75%, #35BFF1), color-stop(100%, #35BFF1));  /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(left, #35BFF1 0%, #35BFF1 90.99%, #35BFF1 91.75%, #35BFF1 100%);
  background-image: linear-gradient(to right, #35BFF1 0%, #35BFF1 90.99%, #35BFF1 91.75%, #35BFF1 100%);
}
.amx-selectManyChoice-picker-item:not(:last-child){
  border-bottom: none;
}
.amx-selectManyChoice-picker-inner-container {
  width: 172px;
  background:#F5FBFD;
  margin: 0 auto;
  position: relative;
  top: -25px;
  border: solid 1px #D5DFE5;
  border-radius: 1px;
  background: #F5FBFD;
  margin-bottom: 10px;
  margin-top: 10px;
}
.amx-selectManyChoice-picker-item-centered-label {
  height: 52px;
  line-height: 52px;
  width: 225px;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  padding-left: 8px;
}
HTML[dir="ltr"] .amx-selectManyChoice-picker-item-checkmark {
  display: inline-block;
  border-radius: 1px;
  height: 12px;
  width: 12px;
  top: 2px;
  right: 87px;
  position: relative;
  border: 1px solid #A1A1A1;
  background-color: transparent;
}
/* In this release, we don't have a "checked" state; the display changes instead */
HTML[dir="ltr"] .amx-selectManyChoice-picker-item-checkmark {
  width: 25px;
  height: 25px;
  background-image: url(../css/images/amx-android-ltr.png);
  background-position: -24px -141px;
  -webkit-background-size: 299px 180px;
  position: relative;
  right: 95px;
  top: 5px;
  display: inline-block;
  border: none;
}
HTML [dir="ltr"] .amx-selectManyChoice-picker-item-checkmark:active {
  width: 32px;
  height: 30px;
  background-image: url(../css/images/amx-android-ltr.png);
  -webkit-background-size: 299px 180px;
  background-position: -84px -147px;
  position: relative;
  right: 97px;
  top: 12px;
}
HTML[dir="rtl"] .amx-selectManyChoice-picker-item-checkmark {
  background-image: url(../css/images/amx-android-rtl.png);
}
.amx-selectManyChoice-picker-button-set,
.amx-selectManyChoice-picker-button-cancel{
  width: 81px;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  top: -18px;
  display: inline;
  padding: 6px 27px;
  background-color: rgba(204,204,204,.4);
  background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #7A7979), color-stop(3.25%, #7A7979), color-stop(5%, #CFCFCF), color-stop(95.51%, #CFCFCF), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(bottom, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(to top, #7A7979 0%, #7A7979 3.25%, #CFCFCF 5%, #CFCFCF 95.51%, #FFFFFF 99.24%, #FFFFFF 100%);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.13);
  box-shadow: 0 1px 0 rgba(0,0,0,.13);
  white-space: nowrap;
  text-align: center;
  left: 116px;
  bottom: 8px;
  font: 13.5px Arial;
  color: #393939;
}
.amx-selectManyChoice-picker-button-set:active,
.amx-selectManyChoice-picker-button-cancel:active {
  color: #3A3A3A;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2584A7), color-stop(1.49%, #2584A7), color-stop(5.49%, #35BFF1), color-stop(95%, #35BEF1), color-stop(99.24%, #FFFFFF), color-stop(100%, #FFFFFF)); /* For Android 3.x or 2.x we need to use the older webkit gradient syntax */
  background-image: -webkit-linear-gradient(90deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
  background-image: linear-gradient(0deg, #2584A7 0%, #2584A7 1.49%, #35BFF1 5.49%, #35BEF1 95%, #FFFFFF 99.24%, #FFFFFF 100%);
}
HTML[dir="ltr"] .amx-selectManyChoice-picker-button-cancel {
  margin-left: -172px;
  padding: 6px 15px;
}
HTML[dir="rtl"] .amx-selectManyChoice-picker-button-cancel {
  margin-right: -172px;
  padding: 6px 15px;
}
.amx-selectManyChoice-picker-modalOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: #000000;
  opacity: 0.5;
  z-index: 101;
}
/* --------- </amx:selectManyChoice> --------- */

/* Styles added during v1.1 development are below */

/* amx-selects.css for SelectManyCheckbox updates. It includes the replacement of checkbox to checkmark image
 implemented for both "ltr" and RTL modes. Note the class names are still the same just CSS rules are overwritten*/

HTML[dir="ltr"] .amx-selectManyCheckbox .checkbox {
  float: right;
}
HTML[dir="rtl"] .amx-selectManyCheckbox .checkbox {
  float: left;
}
HTML[dir="rtl"] .amx-selectManyCheckbox .amx-selectItem.amx-selected .img-check {
  background-image: url(../css/images/amx-android-rtl.png);
  background-position: -37px 0;
  background-repeat: no-repeat;
  -webkit-background-size: 144px 192px;
  margin: 8px -15px 0 0;
}
HTML[dir="rtl"] .amx-selectManyCheckbox .checkbox .img-check {
  margin: 0;
  background-image: none;
}
HTML[dir="ltr"] .amx-selectManyCheckbox .checkbox-text {
  margin: 2px 0 0 10px;
  text-align: left;
}
HTML[dir="rtl"] .amx-selectManyCheckbox .checkbox-text {
  margin: 2px 10px 0 0;
  text-align: right;
}
/* --------- </amx:selectManyCheckbox v1.1> --------- */
/* Copyright (c) 2005, 2013, Oracle and/or its affiliates. All rights reserved. */
/* css-mobileAlta-1.0-android/amx-validations.css */

/* ------ <amx:messages> ------ */
.amx-messages-header-text {
  position: relative;
  padding: 13px 0;
  padding-left: 8px;
  font-family: Arial;
  color: #212121;
  font-size: 18px;
}
/* Alta Mobile Icon Images used from Sprite sheet for various types of messages styled below */
.amx-messages-icon {
  position: absolute;
  top: 4px;
  margin-left: 8px;
  width: 25px;
  height: 32px;
  background-image: url(../css/images/amx-android-ltr.png);
  -webkit-background-size: 299px 180px;
}
/* Alta Mobile Icon Image for Error */
.amx-messages-icon-error {
  background-position: -209px -84px;
}
/* Alta Mobile Icon Image for Warning */
.amx-messages-icon-warning {
  background-position: -233px -84px;
}
/* Alta Mobile Icon Image for Confirmation */
.amx-messages-icon-confirmation{
  background-position: 1px -106px;
  top: 8px;
}
/* Alta Mobile Icon Image for Information */
.amx-messages-icon-information {
  background-position: -25px -110px;
  top: 11px;
}
/* ------ </amx:messages> ------ */
/* ------ <messageBox> ------ */
.messageBox {
  position: relative;
  z-index: 5;
  width: 290px;
  margin: auto;
  display: block;
  max-height: 100%;
  overflow: auto;
  border: 1px solid #B5B4B4;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #EDEDED;
  -webkit-box-shadow: 2px 2px 11px 11px rgba(0,0,0,.25);
  box-shadow: 2px 2px 11px 11px rgba(0,0,0,.25);
}
.messageBoxScreen {
  background: rgba(0, 0, 0, 0.5);
}
.amx-messages-item {
  position: relative;
  border-bottom: 1px solid #BBD3E5;
  min-height: 48px;
}
.messageBox .messageBoxContainer .messageBoxContent {
  max-height: 300px;
  overflow: auto;
  padding: 0 16px;
}
.messageBox .amx-messages-header {
  position: relative;
  border-bottom: 3px solid #0571CD;
}
.messageBox .amx-messages-text {
  position: relative;
  left: 8px;
  padding: 13px 0 13px 37px;
  word-break: break-word;
}
/* This style is used to center the OK Command button within */
.amx-messages-footer {
  text-align: center;
  padding: 18px;
}
/* ------ </messageBox> ------ */
